Popstat ilk yükünü yok sayma, pjax ile çalışma nasıl yapılır

Question

Küçük bir sitede pjax kullanarak çalışmak için bir geri tarayıcı düğmeleri yönlendirmeye çalışıyorum ve sınıf değişikliklerini işlemek ve içeri ve dışarı atmak için aşağıdaki kodla geldim çeşitli bindirmeleri.

Ancak Chrome ve Safari'nin ilk sayfa yükünü bir popstate olarak ele aldığını ve bu nedenle bana üzülüyor olduğunu öğrendim. Bunu durdurmanın bir yolu var mı? Eğer pushState() çağırdığınızda

$(window).on("popstate", function() { 
    if ($('body').hasClass('info')) { 
    $('body').removeClass("info").addClass("work"); 
    $('.info_overlay').fadeOut(duration); 
    alert('popstate'); 

    } else if ($('body').hasClass('work')) { 
    $('body').removeClass("work").addClass("info"); 
    $('.info_overlay').fadeIn(duration);  

    } else { 
    $('body').removeClass("project").addClass("work"); 
    $('.project_overlay').fadeOut(duration); 
    } 
}); 

Answer 1

Aslında bu çözümü pjax'un kendisinde buldum. Yerine yapmanın

: benim yaptığım ilk sayfa yüklemesinde popstate ateş

$(window).on('popstate', function() { ... 

:

$(window).on('pjax:popstate', function() {... 

Answer 2

Etiket devlet, sonra etiketi olmayan tüm popstate olayları görmezden. Örneğin.

history.pushState({ myTag: true }, ...) 

$(window).on("popstate", function(e) { 
    if (!e.originalEvent.state.myTag) return; // not my problem 
    // rest of your popstate handler goes here 
} 

geri başlangıçtaki sayfa yükleme geldiğinizde popstate işleyebilir böylece Sayfanın yüklendiği replaceState aramaya unutma.

$(function() { history.replaceState({ myTag: true }); }); 

Answer 3

en iyi uzun vadeli düzeltme etmektir yukarı oylama Google düzeltmek için almak için https://code.google.com/p/chromium/issues/detail?id=63040 bu. Yaklaşık iki yıldır HTML5 özelliklerine uyumsuz olduklarını biliyorlar. Safari ve krom tarayıcılarda bir popstate olarak ilk sayfa yükü çözmek için

Answer 4

var StateHelper = { 

    pushState: function(url) { 
     if(window.history.pushState) { 
      window.history.pushState({"popstate": true}, '', url); 
     } 
    }, 

    updateStateData: function(stateData) { 
     if(window.history.replaceState) { 
      window.history.replaceState(stateData, '', window.location.href); 
     } 
    } 
}; 

/** 
* NOTE: Webkit fires popstate event initial. So we modify the current state, but in the 
* event we still get null. So we can differentiate. 
*/ 
StateHelper.updateStateData({"popstate": true}); 
window.addEvent('popstate', function(e) { 
    if(e.event.state && e.event.state.popstate) { 
     window.fireEvent('pophistory', e); 
    } 
}); 

(bir Mootools çözelti)

Answer 5

biz SetTimeout işlevi kullanabilir.

Bu sadece çalışır!

setTimeout(function() { 
     window.addEventListener('popstate', myFunction, false); 
    }, 500);