jQuery的餅乾刷新

Question

我這做我的標籤：

$('.tabed .tabs li:first-child').addClass('current'); 
$('.tabed .block:first').addClass('current'); 

$('.tabed .tabs li').click(function(){ 
     var tabNumber = $(this).index(); 
     $(this).parent('ul').siblings('.block').removeClass('current'); 
     $(this).siblings('li').removeClass('current'); 
     $(this).addClass('current'); 
     $(this).parent('ul').parent('.tabed').children('.block:eq('+ tabNumber +')').addClass('current'); 
}); 

我如何能實現了jQuery插件的cookie在那裏，以便頁面刷新後顯示在「當前」標籤？

Answer 1

所以我這樣做是基於標籤的ID，但是你可以根據指數做同樣的，如果你想：

$(document).on("click", "#tabs > li", function(){ 
    if(this.id) 
     $.cookie("tab", this.id); 
});  

if($.cookie("tab")) 
{ 
    $("#"+$.cookie("tab")).addClass('active'); 
    $("#"+$.cookie("tab")+"content").addClass('active'); 
} 
else 
{ 
    $('.tabbable > .nav-tabs > :first-child').addClass('active'); 
    $('.tab-content > :first-child').addClass('active'); 
} 

Answer 2

我不認爲你需要一個jQuery插件的cookie來實現這一。

如果你嘗試設置當前選項卡的索引中的散列：

$(".tabed .tabs li").on("click", function() { 
    /* ... Your stuff here ... */ 
    window.location.hash = tabNumber; 
}); 

if (window.location.hash) { 
    var tabId = parseInt(window.location.hash.split("#")[1]); 

    $(".tabed .tabs li:nth-child(" + (tabId - 1) + ")").addClass("current"); 
}