History.js का कार्यान्वयन

Question

मैं अपने AJAX साइट के लिए History.js को कार्यान्वित करने की कोशिश कर रहा हूं ताकि मैं आगे और पीछे बटन और यहां तक ​​कि बुकमार्क का उपयोग कर सकूं। हालांकि उदाहरण @https://github.com/browserstate/History.js/ ने मुझे थोड़ा कार्यान्वित किया है कि इसे कैसे कार्यान्वित किया जाए। क्या इसका उपयोग करने के तरीके पर किसी के पास एक साधारण ट्यूटोरियल या उदाहरण है। एक उदाहरण हम उदाहरण के शुरू करने के लिए उपयोग कर सकते हैं एक नेविगेशन के रूप में

<script type="text/javascript"> 
window.onload = function() 
{ 
function1(); 
}; 

<ul> 
<li><a href="javascript:function1()">Function1</a></li> 
<li><a href="javascript:function2('param', 'param')"</a></li> 
</ul> 

Answer 1

ऐसी कड़ी है इस प्रश्न का संदर्भ: RSH

How to implement RSH (Really Simple History) for Ajax History Back Button

से संबंधित Implementing "Back button" on jquery ajax calls

कुछ अधिक जानकारी

Answer 2

I History.js का उपयोग करने के तरीके को पूरी तरह से समझने में परेशानी थी। History.js के लिए एक संदर्भ वस्तु

History.js के लिए एक संदर्भ पाने के संदर्भ ऑब्जेक्ट के लिए कैपिटल

1. जाओ window.history (: यहाँ विवरण के लिए मेरी टिप्पणी के साथ अपने विकी है कुछ कोड है "एच")।

var History = window.History; 

यह देखने के लिए कि HTML5 इतिहास सक्षम है या नहीं। इतिहास। सक्षम। History.js अभी भी हैश टैग का उपयोग कर काम करेगा यदि यह नहीं है।

History.enabled 

2. ऐतिहासिक परिवर्तनों सुनो और यहाँ

से अपने दृश्य को अपडेट इतिहास राज्य परिवर्तन एडाप्टर वस्तु की statechange घटना के लिए बाध्य करने के लिए सुनने के लिए।

History.Adapter.bind(window,'statechange',function(){ 
    var State = History.getState(); 
    History.log(State.data, State.title, State.url); 
}); 

3. धक्का का उपयोग करके इतिहास राज्यों में हेरफेर या

इतिहास के लिए एक राज्य को जोड़ने के लिए की जगह, pushState कहते हैं। यह इतिहास स्टैक के अंत में एक राज्य जोड़ देगा जो ऊपर दिखाए गए 'स्टेटचेंज' ईवेंट को ट्रिगर करेगा।

History.pushState({data:"any kind of data object"}, "State Title", "?urlforthestate=1"); 

किसी राज्य को इतिहास में बदलने के लिए, replaceState पर कॉल करें। यह इतिहास के ढेर में अंतिम स्थिति को प्रतिस्थापित करेगा जो ऊपर दिखाए गए 'स्टेटचेंज' ईवेंट को ट्रिगर करेगा।

History.replaceState({data:"any kind of data object"}, "State Title", "?urlforthestate=1"); 

pushState और replaceState के बीच अंतर यह है कि pushState इतिहास सूची में एक राज्य जोड़ देगा, replaceState पिछले राज्य के ऊपर लिख देगा है।

नोट: पुशस्टेट और प्रतिस्थापन डेटा ऑब्जेक्ट को क्रमबद्ध करें, इसलिए वहां न्यूनतम डेटा का उपयोग करें।

4. यदि आप इतिहास में भ्रमण करने में सक्षम होने के लिए उपयोगकर्ता के लिए अतिरिक्त ui जोड़ना चाहते हैं, तो वापस नेविगेशन आदेशों

उपयोग का उपयोग करें और कोड के माध्यम से इतिहास में भ्रमण करने के लिए जाना।

History.back(); 
History.go(2); 

अतिरिक्त: का उपयोग करते हुए इतिहास

उपयोग करने के लिए इतिहास के साथ "एक" टैग के साथ "एक" टैग आप घटनाओं क्लिक रोकना और (event.preventDefault का उपयोग करके नेविगेट करने से ब्राउज़र को रोकने के लिए की आवश्यकता होगी) तरीका।

उदाहरण:

<a href="dogs/cats" title="Dogs and cats">Dogs and Cats</a> 

$('a')​.click(function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    var title = $(this).attr('title'); 
    History.pushState({data:title}, title, url); 
})​; 

मुझे आशा है कि इस मदद करता है।