如何取消设置 jquery 选项卡 cookie？答案

【问题标题】：How to unset a jquery tab cookie?如何取消设置 jquery 选项卡 cookie？
【发布时间】：2011-08-22 10:37:49
【问题描述】：

您好，我有以下代码

 var $tabs = $("#tabs").tabs({
      cookie: { expires:1 }
  });

这很好。但是我怎样才能取消设置这个 cookie？像

$( "#tabs" ).tabs( "option", "cookie", { expires: 0 } );

有什么建议吗？

【问题讨论】：

【解决方案1】：

您可以在参数中设置cookie的名称。

从 jQuery UI 1.7 开始，还可以通过 name 属性定义正在使用的 cookie 名称。

这样命名你的 cookie：

var $tabs = $("#tabs").tabs({
    cookie: { expires:1, name: "tab_cookie" }
});

由于 jQuery 使用 jquery.plugin.cookie.js 来实现这一点，您可以使用同一个插件来擦除您的 cookie：

$.cookie('tab_cookie', null);

【讨论】：

差不多，我的cookie名称有一个下划线：p
Tnx 用于快速反应，它有效！但是删除后如何在选项卡中再次设置cookie？
当您选择另一个选项卡时，将再次设置 cookie。或者您可以使用$.cookie('tab_cookie', 0); 自行设置，0 是第一个选项卡。
好的，我有这个方法来设置cookie，但它不起作用function setCookie() { var cookie = $( "#tabs" ).tabs( "option", "cookie", { expires:1 } ); }

【解决方案2】：

jQuery UI tabs cookie option 有一个额外的名称参数，可以让您专门定义 cookie 的名称，而不是让 jQuery UI 定义名称。如果你这样做了，那么你可以用jQuery Cookie plugin控制cookie来删除它。

var $tabs = $("#tabs").tabs({
     cookie: { expires:1, name: "tabcookie" }
});
$.cookie('tabcookie', null);

【讨论】：