Karma bir hashchange olayı tetiklemeden hash değerini değiştir

Question

İçeriği dinamik olarak yüklemek için karma kullanıyorum. Geri düğmesini çalıştırmak için karma değişiklikleri ele geçiriyorum. Ancak bazen hash değiştirilmiş fonksiyonunu tetiklemeden hash değerini değiştirmem gerekiyor (ör., Sayfa sunucu tarafına yönlendirildiğinde ve içerik geri döndüğünde karma güncellemeye ihtiyacım olduğunda.)

En iyi çözüm hashchange olayını açmak, değişikliği yapmak ve sonra yeniden adlandırmaktır. Ancak, bu zaman uyumsuz olarak gerçekleştiğinden, çok hızlı bir şekilde yeniden ispat ettiğini ve hala karma değişimin yakalandığını görüyorum. Şu anda

Benim çözümüm çok kötü: Bir setTimeout içinde yeniden bağlantı kurma. Daha iyi bir fikri olan var mı?

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

Düzenleme:
Amir Raminfar önerisi bir zaman aşımı gerektirmeyen bir çözüm beni istenir.

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

Answer 1

Sen sahip olabilir:

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

ve karma etkinlik yapar değiştirdi: Ben bu do sessizce karma değiştirmek istediğinizde

_ignoreHashChange = false; 

değişken bir sınıf ekledi böyle bir işlevi:

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

sonra setTimeout size el güncelleme karma çağırabilir ve olayın tetiklediği olmayacak Şimdi

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

yapmak gerekir. Başka şeyler yapmak için updateHash'ta daha fazla parametreniz de olabilir.

Bu arada, jQuery history eklentisine baktınız mı? http://tkyk.github.com/jquery-history-plugin/

Answer 2

Sen hashchange olayı tetiklemeden cari URI yerine, karma history.replaceState kullanıp ekleme olabilir:

var newHash = 'test'; 

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

JSFiddle example