如何取消 jQuery 标签页的 cookie？

Question

你好，我有以下代码：

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

这很好。但是我如何取消这个cookie？类似于

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

有什么建议吗？

- DownDown

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

- Sylvain

---

我的 cookie 名称几乎都带有下划线 :p - Sylvain

谢谢您的快速反应，它有效了！但是，在标签页中删除后，我如何再次设置cookie呢？ - DownDown

当您选择另一个选项卡时，cookie 将再次设置。或者，您可以使用 $.cookie('tab_cookie', 0); 自行设置它，其中 0 是第一个选项卡。 - Sylvain

好的，我有一个设置cookie的方法，但它不起作用。function setCookie() { var cookie = $( "#tabs" ).tabs( "option", "cookie", { expires:1 } ); } - DownDown

Answer 2

jQuery UI选项卡cookie选项有一个额外的名称参数，让您可以明确定义cookie的名称，而不是让jQuery UI定义名称。如果这样做，那么您可以使用jQuery Cookie插件来控制cookie并将其删除。

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

- Tony Miller