अन्य सभी उत्तर सही हैं। यह उत्तर इस तथ्य को ध्यान में रखेगा कि एक ul.nav.nav-pillsया ul.nav.nav-tabsएक से अधिक पेज हो सकते हैं। इस स्थिति में, पिछले उत्तर विफल हो जाएंगे।
अभी भी उपयोग कर रहे हैं, localStorageलेकिन JSONमूल्य के रूप में एक कड़े के साथ । यहाँ कोड है:
$(function() {
var json, tabsState;
$('a[data-toggle="pill"], a[data-toggle="tab"]').on('shown', function(e) {
var href, json, parentId, tabsState;
tabsState = localStorage.getItem("tabs-state");
json = JSON.parse(tabsState || "{}");
parentId = $(e.target).parents("ul.nav.nav-pills, ul.nav.nav-tabs").attr("id");
href = $(e.target).attr('href');
json[parentId] = href;
return localStorage.setItem("tabs-state", JSON.stringify(json));
});
tabsState = localStorage.getItem("tabs-state");
json = JSON.parse(tabsState || "{}");
$.each(json, function(containerId, href) {
return $("#" + containerId + " a[href=" + href + "]").tab('show');
});
$("ul.nav.nav-pills, ul.nav.nav-tabs").each(function() {
var $this = $(this);
if (!json[$this.attr("id")]) {
return $this.find("a[data-toggle=tab]:first, a[data-toggle=pill]:first").tab("show");
}
});
});
यह बिट सभी पृष्ठों पर पूरे ऐप पर उपयोग किया जा सकता है और टैब और टैबलेट दोनों के लिए काम करेगा। इसके अलावा, सुनिश्चित करें कि टैब या गोलियां डिफ़ॉल्ट रूप से सक्रिय नहीं हैं , अन्यथा आप पृष्ठ लोड पर एक झिलमिलाहट प्रभाव देखेंगे।
महत्वपूर्ण : सुनिश्चित करें कि माता-पिता के ulपास एक आईडी है। धन्यवाद एलेन