网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
URL中的hash,也就是网址井号(#)后面的部分,可以用来创建浏览历史,存储一些简单数据。jQuery URL Hash插件,能够获取到hash值,并在URL (URL的hash)发生更改时触发回调函数。
1.在jQuery库后加载URL哈希插件。
<script src="jquery.slim.min.js"></script>
<script src="jquery.jqueryhash.js"></script>
2. 当URL哈希改变时触发回调函数。
<a href="#jquery" id="jquery">jQuery Hash</a>
<a href="#CSS" id="script">CSS Hash</a>
$.onHash({
hashes: [
['jquery', function() { console.log('Hash Changed: jquery'); }],
['CSS', function() { console.log('Hash Changed: CSS'); }]
]
});
3. 确定是否只在页面加载时触发回调。默认值:false。
$.onHash({
hashes: [
['jquery', function() { console.log('Hash Changed: jquery'); }],
['CSS', function() { console.log('Hash Changed: CSS'); }]
],
onlyOnLoad: true
});
4. 向哈希添加新的处理程序。
$.onHash('onAddHandler', ['new', function() {
// do something
}]);
5. 更新处理程序。
$.onHash('onUpdateOne', ['new', function() {
// do something
}]);
6. 删除哈希回调。
$.onHash('onRemoveOneHandler', 'jquery');
7.删除所有哈希回调。
$.onHash('onRemoveHashChange');
转载请注明来源:jQuery URL 哈希插件
本文永久链接地址:https://www.moyouyouw.cn/code/881.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论