详细信息
hashy-content 是一个用于动态网页的小型 jQuery 插件,它可以通过 AJAX 和 URL 哈希(片段标识符)将外部网页内容加载到当前网页中。
如何使用它:
1.在html文档中加载最新版本的jQuery和hash-content插件。
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT"
crossorigin="anonymous">
</script>
<script src="js/hashy-content.js"></script>
2. 创建一个空容器,AJAX 内容将插入其中。
<section id="example"></section>
3. 添加哈希及其对应的 AJAX 内容:
$("#example").addHash("index", "content/index_content.html");
$("#example").addHash("apple", "content/apple.html");
$("#example").addHash("orange", "content/orange.html");
$("#example").addHash("banana", "content/banana.html");
...
4. 观察哈希变化:
$().watch();
5. 创建锚链接以加载 AJAX 内容:
<a href="#apple">Apple</a>
<a href="#orange">Orange</a>
<a href="#banana">Banana</a>
变更日志:
2018-10-04
现在可以传递一个在为特定哈希加载内容时调用的函数。
发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。