我正在使用Ben Alman的 jQuery
hashChange
事件插件。
哈希部分如下所示:
#x=1&y=2&z=3
我已经有了解析它的函数 getHashPart(key)
和 setHashPart(key)
。
我想要一个函数,允许仅注册哈希的特定部分的更改。 我会这样使用它(我猜......):
$(window).hashchange('x',function(new_value_of_x) {do something x related;});
$(window).hashchange('y',function(new_value_of_y) {do something y related;});
如何使用 jQuery 注册这样的函数? 存在类似的东西吗?
谢谢!
最佳答案
您可以有一个函数来响应所有 hashchange 事件(最好保持使用 hashchange 插件),然后重定向到各个处理程序,如下所示:
var hashParameters = {};
$(window).bind("hashchange",function(event) {
//if you're using the awesome hashchange plugin
//$(window).hashchange(function(event) { ...
var newParameters = getParameters(event.target.location.hash.substring(1));
$.each(newParameters, function(key, value) {
if(hashParameters[key] !== value) $(window).trigger(key + "-change");
hashParameters[key] = value;
});
});
$(window).bind("andsome-change", function() {
alert("hi!");
});
function getParameters(paramString) {
//taken from http://stackoverflow.com/questions/4197591/parsing-url-hash-fragment-identifier-with-javascript/4198132#4198132
var params = {};
var e, a = /\+/g, r = /([^&;=]+)=?([^&;]*)/g,
d = function (s) { return decodeURIComponent(s.replace(a, " ")); };
while (e = r.exec(paramString))
params[d(e[1])] = d(e[2]);
return params;
}
window.location.hash = "some=value&andsome=othervalue";
我有一个工作演示 here (现在使用 hashchange 插件,请参阅第一条评论)。
关于javascript - 如何使用jQuery根据哈希值触发不同的哈希变化函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6174821/