2011-07-12 24 views
8

(पेज ताज़ा बिना अपडेट URL) "GitHub ब्राउज़ रेपो प्रभाव" प्राप्त करते हैं और एक फ़ोल्डर क्लिक करें, यह एक शांत जावास्क्रिप्ट एनीमेशन के साथ फ़ोल्डर लोड करता है, आगे बढ़ पूरे पृष्ठ को पुनः लोड करने के बजाय बाईं ओर सामान। हालांकि, पृष्ठ का यूआरएल अभी भी हर क्लिक पर अपडेट किया गया है।मैं कैसे जब मैं GitHub में एक रेपो (उदाहरण: <a href="https://github.com/sizzlelab/kassi" rel="nofollow">https://github.com/sizzlelab/kassi</a>) ब्राउज़

मैं इसे कैसे प्राप्त करूं? मेरे ज्ञान के लिए, आप जावास्क्रिप्ट से पेज यूआरएल अपडेट नहीं कर सकते हैं, इसलिए आपको पेज को रीफ्रेश करना होगा। मेरा अनुमान है कि वे पृष्ठ की आंशिक कैशिंग करते हैं ताकि यह पुनः लोड न हो और फिर रीलोड के बाद जावास्क्रिप्ट एनीमेशन चलाएं। क्या मैं सही रास्ते पर हूं? इस पर कोई संकेतक कैसे प्राप्त किया जा सकता है? मेरा पर्यावरण jQuery और रेल है, लेकिन एक सामान्य सलाह भी मदद करेगा।

+0

आज देखा और उत्सुक भी था। लेकिन इसमें खोदने के लिए पर्याप्त नहीं है :( – Jordan

+0

[गिटहब स्लाइडर JQuery प्लगइन ...] के संभावित डुप्लिकेट ... http://stackoverflow.com/questions/5419469/github-slider-jquery-plugin) –

+0

Merlyn: हाँ, वह सवाल है बंद करें, लेकिन मुझे गिटहब में वास्तविक स्लाइड प्रभाव की तुलना में पृष्ठ को रीफ्रेश करने के माध्यम से यूआरएल अपडेट करने की विधि में अधिक रुचि है, और दूसरे प्रश्न में इसका कोई जवाब नहीं है। लेकिन टिप्पणी के लिए धन्यवाद! – Kusti

उत्तर

5

क्या आप चाहते हैं इस स्क्रीनकास्ट घड़ी है: http://railscasts.com/episodes/246-ajax-history-state

संयोजन में

jQuery यूआई प्रभाव से "स्लाइड" - http://docs.jquery.com/UI/Effects/Slide

अच्छी किस्मत!

+0

हे कूल, मैं इसे पहले कैसे ढूंढ नहीं पाया! बहुत बहुत धन्यवाद, बस मैं चाहता था निर्देश! – Kusti

4

आप इस व्यवहार के बारे में spec - History API और MDN पर "इतिहास प्रविष्टियों को जोड़ना और संशोधित करना" अनुभाग में पढ़ सकते हैं।

+0

धन्यवाद तो क्या यह एचटीएमएल 5 सामान है? इस बारे में कोई विचार है कि ब्राउज़र वर्तमान में इसके लिए क्या समर्थन करता है? और क्या यह गहराई से गिरावट करता है, और यदि हां, तो कैसे? पूरे पृष्ठ को रीफ्रेश करने के लिए? ठीक है, बस कुछ त्वरित प्रश्न, मैं खोदता हूं अब उन लिंक के लिए। :) – Kusti

+1

Modernizr इतिहास API को इस तरह कुछ जांचता है: फ़ंक्शन isHistorySupport() {return !! (window.history && history.pushState); } –

+0

@ एमडीएन लिंक के नीचे कुस्टी में ब्राउज़र संगतता – Jordan

संबंधित मुद्दे