অন্য সমস্ত উত্তর সঠিক। এই উত্তরটি একাধিক 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একটি আইডি রয়েছে। ধন্যবাদ আলাইন