以編程方式更新散列時禁用hashchange偵聽器（jQuery BBQ）

Question

要以編程方式設置URL散列（＃）（與手動更改URL對比）時，要防止反饋循環，我想暫時禁用hashChange偵聽器。

如何更改此代碼以在使用$.bbq.pushState(hash)更新散列時實際禁用散列表變化事件？ （下面的代碼不工作）

hashChangeEnabled : true, 

bindHashChange : function(){ 
     var that = this; 

     $(window).bind('hashchange', function(event) { 
      if(that.hashChangeEnabled == true){ 
       stateObj = event.getState() 
       that.stateChangedHandler(stateObj); 
      } 
     }); 

    }, 



updateURL : function(hash){ 
     this.hashChangeEnabled = false; // <--- Look here 
     $.bbq.pushState(hash); 
     this.hashChangeEnabled = true; 
    }, 

Answer 1

的hashchange事件觸發asyncrounously，hashChangeEnabled已經重置爲真，在事件處理程序的代碼執行時。您應該重置hashChangeEnabled在hashchange事件：

if(that.hashChangeEnabled == true){ 
    stateObj = event.getState() 
    that.stateChangedHandler(stateObj); 
} 
else { 
    that.hashChangeEnabled = true; 
} 

在你的器updateURL功能，您可以檢查散列改變：

if (hash !== $.param.fragment()) { 
    this.hashChangeEnabled = false; 
    $.bbq.pushState(hash); 
} 

或者用setTimeout的重置hashChangeEnabled（等待hashchange事件火，如果哈希改變了）

this.hashChangeEnabled = false; 
$.bbq.pushState(hash); 
setTimeout(function() { this.hashChangeEnabled = true; }, 500);