jQuery टैब पोस्टबैक समस्या

Question

मैं अपने परियोजना में jQuery पुस्तकालय का उपयोग कर रहा jQuery tabs.Solutions साथ भयानक समस्या यह है कि जब मैं तीसरे टैब में था, मैं वापस पोस्ट मेरे फार्म, पुनः लोड टैब है और पहले टैब को जाता है। मैं लंबे समय तक समस्या हल करने के लिए खोज रहा हूँ।

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#example > ul").tabs({ remote: true, cache: true }); 
    });  
</script> 

तो मैं इस समस्या को कैसे हल करता हूं? आपके उत्तरों thx।

Answer 1

टैब मौजूदा टैब को स्टोर करने के लिए कुकीज़ का उपयोग कर सकते हैं। documentation टैब पर एक नज़र डालें। नीचे विकल्प में सूची कैसे मौजूदा टैब को स्टोर करने के लिए कुकीज़ का उपयोग करने का एक उदाहरण है:

$('.selector').tabs({ cookie: { expires: 30 } }); 

यह jquery cookies plugin की आवश्यकता है, हालांकि शामिल किया जाना है।

Answer 2

अगर आप ASP.NET का उपयोग कर रहे आप निर्दिष्ट नहीं किया है, लेकिन अगर आप कर रहे हैं आप एक < एएसपी में वर्तमान में चयनित टैब स्टोर कर सकते हैं: HiddenField/> एक कुकी के बजाय:

<script type="text/javascript" language="javascript"> 
    $(function() { 
     $("#example").tabs({ 
      show: function() { 
       var sel = $('#example').tabs('option', 'selected'); 
       $("#<%= hidLastTab.ClientID %>").val(sel); 
      }, 
      selected: <%= hidLastTab.Value %> 
     }); 
    }); 
</script> 
<asp:HiddenField runat="server" ID="hidLastTab" Value="0" /> 

हैं एएसपी.नेट नहीं, आप शायद कुछ ऐसा ही कर सकते हैं।

$("div.ui-tabs-panel").html(""); 

इसे प्रभावी ढंग से सभी मौजूदा पैनल को साफ करता है प्रपत्र स्टैकिंग को रोकने के लिए:

Answer 3

मैं एक ही समस्या, jQuery टैब का चयन करें ईवेंट हैंडलर के लिए निम्न जोड़कर तय किया था।

Answer 4

मैं समाधान joelsand द्वारा पोस्ट की गई उपयोग करने के लिए प्रयास किया। हालांकि, jQuery टैब विकल्प और घटनाएं बदल गई हैं। वर्तमान दस्तावेज http://api.jqueryui.com/tabs/ पर है।

"शो" घटना के बजाय

, मैं "सक्रिय" घटना का इस्तेमाल किया। "चयनित" विकल्प के बजाय, मैंने "सक्रिय" विकल्प का उपयोग किया। इसके बजाय एक छिपी हुई फ़ील्ड के , मैं JavaScript वैरिएबल (UpdatePanel बाहर घोषित)