带cookie的jQuery选项卡 - 如果cookie存在?

时间:2011-10-18 08:09:41

标签: jquery cookies jquery-ui-tabs jquery-tabs jquery-cookie

我有这段代码:

jQuery(document).ready(function($) {
        $( "#tabs" ).tabs({
            collapsible: true,
            fx: { height: 'toggle', duration: 'fast'},
            cookie: { expires: 30 }
        });
    });

我使用带有cookie集的jQuery选项卡。如果没有设置cookie,我想隐藏选项卡。我安装了所需的jquery.cookie插件。

我的问题

如何检查选项卡cookie是否已设置?

2 个答案:

答案 0 :(得分:3)

你不能用cookie.js中的getter方法做到这一点:

* Get the value of a cookie with the given key.
*
* @example $.cookie('the_cookie');
* @desc Get the value of a cookie.
*
* @param String key The key of the cookie.
* @return The value of the cookie.
* @type String 

这样的东西
var cookieVal = $.cookie('ui-tabs-1');

答案 1 :(得分:2)

你应该使用set和get

//getter
var cookie = $( ".selector" ).tabs( "option", "cookie" );
//setter
$( ".selector" ).tabs( "option", "cookie", { expires: 30 } );

修改

设置Cookie的名称并使用getter和setter

 $("#selector").tabs({
        cookie: {
            name: 'mycookie',
            expires: 10
        }
    });


        Get the Cookie 
        alert($.cookie('mycookie'));

        Set the Cookie 
        $.cookie('mycookie', null);