在不触发 hashchange 事件的情况下更改哈希

Question

我正在使用哈希来动态加载内容。为了使后退按钮起作用，我正在捕获哈希更改。但是有时我需要在不触发散列更改函数的情况下更改散列（例如，当页面被重定向到服务器端时，我需要在内容返回后更新散列。）

我想出的最佳解决方案是取消绑定 hashchange 事件，进行更改然后重新绑定它。但是，由于这种情况是异步发生的，我发现它重新绑定太快并且仍然捕获哈希更改。

我目前的解决方案很差：在 setTimeout 中重新绑定。有人有更好的主意吗？

    $(window).unbind( 'hashchange', hashChanged);
    window.location.hash  = "!" + url;
    setTimeout(function(){
        $(window).bind( 'hashchange', hashChanged);
    }, 100);

编辑：
Amir Raminfar 的建议促使我找到了一个不需要超时的解决方案。 我添加了一个类变量

_ignoreHashChange = false;

当我想静默更改哈希时，我会这样做：

_ignoreHashChange = true;
window.location.hash  = "!" + url;

哈希更改事件会这样做：

function hashChanged(event){
    if(_ignoreHashChange === false){
        url = window.location.hash.slice(2);
        fetchContent(url);
    }
    _ignoreHashChange = false;
}

Answer 1

您可以使用 history.replaceState 并附加哈希值，以替换当前 URI 而不会触发 hashchange 事件：

var newHash = 'test';

history.replaceState(null, null, document.location.pathname + '#' + newHash);

JSFiddle example

Answer 2

你可以有这样的功能：

function updateHash(newHash){
  ...
  oldHash = newHash
}

然后在你的 setTimeOut 中你需要做

function(){
  if(oldHash != currenHash){
    updateHash(currenHash);
  }
}

所以现在您可以手动调用更新哈希，它不会被事件触发。您还可以在 updateHash 中有更多参数来做其他事情。

顺便问一下，你看过 jquery 历史插件吗？ http://tkyk.github.com/jquery-history-plugin/