jQuery URL 哈希插件

演示  website 下载

插件介绍

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');