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

Question

我有这个代码：

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

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

我的问题

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

Answer 1

你不能用 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');

Answer 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);