如何在Jquery中使页面停留在单击的选项卡上

Question

目前，页面是在选项卡菜单上单击tab-2后提交的。但是，提交后页面将返回tab-1。单击tab-2后，我希望页面停留在tab-2。

有没有人能帮我？非常感谢！

下面是我的代码：

<script>
            $(function() {
        $( "#tabs" ).tabs();
                $('#tabs-B').click(function() {
                    $('#target').submit();
                });

            });
    </script>



<div id="tabs">
    <form id="target">
    <ul>
        <li><a href="#tabs-1">Tab-1</a></li>
        <li><a href="#tabs-2" id="tabs-B">Tab-2</a></li>
        <li><a href="#tabs-3">Tab-3</a></li>
    </ul>
    <div id="tabs-1">

    </div>
    <div id="tabs-2">

    </div>
    <div id="tabs-3">


    </div>
   </form>
</div>

Answer 1

在提交前创建cookie，以指明您上次打开的选项卡。如果cookie不存在，则默认情况下位于选项卡1。否则，获取cookie的值并按照cookie的指示打开选项卡。

Answer 2

如果你有cookie，你可以使用‘Cookie plugin’jQuery UI Tab选项。

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