pjax

Question

द्वारा गीथब स्टाइल पेज संक्रमण कैसे बनाएं, एक बार मैंने एक लेख पढ़ा है कि जीथब पेज संक्रमण पीजेक्स द्वारा किया गया है, मैंने jquery-pjax प्रोजेक्ट की जांच की है। मुझे लगता है कि मेरे पास जवाब के करीब है, यह घटना pjax:start और pjax:end से संबंधित कुछ होना चाहिए, लेकिन मुझे अभी भी यह काम नहीं मिल रहा है, इसलिए मैं यहां कुछ सहायता प्राप्त करने का प्रयास करता हूं।

$('a.pjax').pjax('#main'); 
$('#main').bind('pjax:start', function(){$('#main').slideUp()}) 
    .bind('pjax:end'), function(){$('#main').slideDown()}); 

लेकिन यह कोई प्रभाव

Answer 1

Github पेज बदलाव के लिए HTML5 के उपयोग का नहीं है। इसमें नया जेएस इतिहास एपीआई और CSS3 संक्रमण शामिल है। मानक घटना सुनने, चयनकर्ताओं को छोड़कर कोई jQuery शामिल नहीं है। ब्लॉग पोस्ट यहां सभी प्रासंगिक लिंक https://github.com/blog/760-the-tree-slider

Answer 2

मुझे नहीं पता कि यह बिल्कुल प्रासंगिक है या नहीं। लेकिन मैं अपने आप को Pjax उपयोग कर रहे हैं और कोड के ऊपर एक सिंटैक्स त्रुटि है, होना चाहिए:

$('a.pjax').pjax('#main'); 
$('#main').bind('pjax:start', function(){$('#main').slideUp()}) 
.bind('pjax:end', function(){$('#main').slideDown()}); 

संपादित करें: हाँ, कि ओर इशारा करते हुए बाहर नहीं के लिए खेद है। ठीक है @Udo हेल्ड ने कहा: आपको 'pjax: end' के बाद ब्रैकेट को हटाने की आवश्यकता है या नहीं, यह $ ('# main') का पालन नहीं करेगा और स्लाइडडाउन() फ़ंक्शन निष्पादित करेगा।

Answer 3

Pjax: Demo, Source[Github]
यह एक है कि GitHub इस्तेमाल होता है .. reference