设置选定的JQuery什么也不做

Question

我有以下布局

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Create Username</a></li>
        <li><a href="#tabs-2">View Search Logs</a></li>
        <li><a href="#tabs-3">Assign Values Table</a></li>
        <li><a href="#tabs-4">Edit Values Table</a></li>
        <li><a href="#tabs-5">Create Values Table</a></li>
    </ul>
    <div id="tabs-1">
        <h2>Create Username</h2>

    </div>
    <div id="tabs-2">
        <h2>View Search Logs</h2>

    </div>
    <div id="tabs-3">
        <h2>Assign Values Table</h2>
    </div>
    <div id="tabs-4">
        <h2>Edit Values Table</h2>

    </div>
    <div id="tabs-5">
        <h2>Create Values Table</h2>

    </div>
</div>

每个选项卡都有一个表单，当表单被提交并且页面重新加载时，我希望可视选项卡仍然是用户最后一次使用的选项卡(而不是返回到第一个选项卡)。

每个表单都有一个隐藏字段，其中包含该选项卡的索引。然后，我使用以下内容：

<script type="text/javascript">
 $(function() {
     $("#tabs").tabs({ 
            selected: <?php echo (isset($_POST['selected_tab']) ? $_POST['selected_tab'] : 1)?> 
        });
   });

</script>

这样做的结果是显示正确的东西

<script type="text/javascript">
 $(function() {
     $("#tabs").tabs({ 
            selected: 2 
        });
   });

</script>

但是，第一个选项卡仍然是显示的选项卡。

Answer 1

     $("#tabs").tabs({ 
            selected: 2 
        });

应：

     $("#tabs").tabs({ 
            active: 2 
        });

选项卡使用的是active属性，而不是selected属性。还要注意索引是0基的，所以如果您想选择第二个选项卡，您的值需要是1。

Answer 2

一种选择是包括jquery-cookie.js这样的使用选项卡：

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

这将自动使用cookie管理最后打开的选项卡。