使用 URL Hash 加载 AJAX 内容 - hashy-content

使用 URL Hash 加载 AJAX 内容 - hashy-content

版本:

浏览量:1023

最后更新:2021-09-12

应用标签:Jquery插件gitMAC 软件

推荐指数:

详细信息

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

  • 现在可以传递一个在为特定哈希加载内容时调用的函数。

联系我们
付费复制 免费复制 付费复制
付费后30天内不限量复制

价格:元

支付宝支付
联系客服
扫一扫,支付¥

正在加载二维码...

支付完成后,请等待10秒左右,请勿关闭此页

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。