以编程方式更新哈希而不触发hashchange事件?

时间:2011-08-14 16:18:07

标签: javascript jquery url jquery-bbq

我正在使用jQuery BBQ插件将状态推送到location.hash。

为防止反馈循环,我想在以编程方式设置状态时暂时禁用hashchange侦听器。

我见过这个解决方案: Change hash without triggering a hashchange event

不幸的是,它看起来并不完美,因为它有时会触发,即使我这样做:

updateURL(obj){
  $(window).unbind( 'hashchange');
  $.bbq.pushState(obj);
  setTimeout( function() { bindHashChange()}, 500);
}

现在有更好的方法以编程方式推送状态吗?也许是另一个JS库?

1 个答案:

答案 0 :(得分:2)

超时执行此操作无法可靠地运行。链接答案的重要部分是设置您的处理程序知道的标志。有关代码,请参阅更新的问题。

或者,将临时处理程序绑定到负责重新建立处理程序的事件:

function updateState(state, handler) {
    var win = $(window);

    function temporaryHandler() {
        win.unbind('hashchange', temporaryHandler);
        win.bind('hashchange', handler);
    };

    win.unbind('hashchange', handler);
    win.bind('hashchange', temporaryHandler);

    $.bbq.pushState(state);
}