javascript - JQuery UI 选项卡不会在页面重新加载时保存所选选项卡索引

Question

当我使用 AJAX 或 PHP POST 时，页面会重新加载，并且选项卡会弹回到索引位置 0，这非常烦人。您可以找到下面的代码。我正在尝试将选项卡索引保存在 cookie 中，并使用它即使在页面重新加载后也能返回到所选选项卡。

代码在这里:

$(function() {
    $( "#tabs" ).tabs().find( ".ui-tabs-nav" ).sortable({ axis: "x" });
    $(document).ready(function() {
       $( "#tabs" ).tabs('select', $.cookie("tabNumber"));

       $( "#tabs" ).click(function() {
         $.cookie("tabNumber", $( "#tabs" ).tabs('option', 'selected'));
       });
    });
});

也许有人可以帮助我找出如何让它发挥作用？

Answer 1

http://docs.jquery.com/UI/Tabs#option-cookie

使用指定的 cookie 选项初始化选项卡。

$( ".selector" ).tabs({ cookie: { expires: 30 } });