URL के साथ JQuery टैब खोलना, और टैब पर URL पर हैश जोड़ना

Question

मैं वेब एप्लिकेशन पर काम कर रहा हूं, और मैं डेटा को अलग करने के लिए JQuery UI टैब प्लगइन का उपयोग कर रहा हूं।
तो टैब में से हर एक, स्क्रीन के निचले बाएं पर मैं उस टैब URL देख सकते हैं से अधिक मैं माउस (पूर्व: testPage.com/#tab1 या testPage.com/#tab2)

अब, अगर मैं यूआरएल बार में उन पते में से किसी एक में टाइप करता हूं, तो मैं यूआरएल में हैश से संबंधित टैब पर नहीं जाता, बल्कि इसके बजाय मैं एप्लिकेशन में पहले टैब पर जाता हूं।

मेरा प्रश्न है: मैं एक यूआरएल में एक विशिष्ट टैब को एंकर करने के बारे में कैसे जाउंगा?
तो अगर कोई testPage.com/#tab3 पर जाता है, तो वे एप्लिकेशन पर टैब 3 में समाप्त हो जाएंगे।

मैं यह भी कर रहा हूं क्योंकि मैं ब्राउज़र इतिहास को संशोधित करने के लिए JQuery BBQ प्लगइन का उपयोग करना चाहता हूं, इसलिए मैं उपयोगकर्ता को अंतिम टैब पर जा सकता हूं जब वे बैक बटन दबाते हैं।

उदाहरण:
http://benalman.com/code/projects/jquery-bbq/examples/fragment-jquery-ui-tabs/

Answer 1

मैं asual से JQuery पता प्लगइन का उपयोग कर समाप्त हो गया। मैंने निम्नलिखित किया:

// For forward and back 
    $.address.change(function(event){ 
     $("#main_tabs").tabs("select" , window.location.hash); 
    }); 

    // when the tab is selected update the url with the hash 
    $("#main_tabs").bind("tabsselect", function(event, ui) { 
     window.location.hash = ui.tab.hash; 
    }); 

उम्मीद है कि यह किसी की मदद करता है! धन्यवाद।

Answer 2

आप निम्न तरीके से भी प्रयास कर सकते हैं। मेरे पास एंकर तत्व में name संपत्ति है। यह नाम हैश यूआरएल के रूप में जोड़ा जाएगा।

जावास्क्रिप्ट:

$("#tabs").tabs({ 
    select: function(event, ui) {     
     window.location.hash = ui.tab.hash;      
    } 
}); 

HTML:

<div id="tabs" > 
    <ul> 
     <li><a name="Test1" href="Home/Test1"> Tab 1 </a></li> 
     <li><a name="Test2" href="Home/Test2"> Tab 2 </a></li> 
     <li><a name="Test3" href="Home/Test3"> Tab 3 </a></li>    
    </ul>   
</div>