1

私はこれを私のタブにしました：

$('.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プラグインを実装するにはどうすればよいですか?

4

2 に答える 2

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');
}
于 2013-01-14T20:47:23.467 に答える
0

これを実現するために 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");
}
于 2013-01-14T21:09:39.873 に答える