1

有 cookie 支持的选项卡http://jsfiddle.net/q9Epk/1/
最后几行代码在单击选定的导航项时必须完全隐藏内容,但它不起作用

// hide tab
$('ul.tabs li.current').click(function() {
    $('div.section').find('div.box').hide();
    $(this).removeClass('current');

    eraseCookie('tabCookie');
});
4

1 回答 1

0

在修改函数中找到了解决办法

$('ul.tabs').delegate('li:not(.current)', 'click', function() {
    $(this).addClass('current').siblings().removeClass('current')
        .parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn();
    var ulIndex = $('ul.tabs').index($(this).parents('ul.tabs'));
    eraseCookie('tabCookie'+ulIndex);
    createCookie('tabCookie'+ulIndex, $(this).index(), 365);
}).delegate('li.current', 'click', function() {
    $(this).parents('div.section').find('div.box').hide()
    $(this).removeClass('current');

    eraseCookie('tabCookie'+0);
});

http://jsfiddle.net/q9Epk/2/

于 2012-04-17T11:41:39.260 回答