如何使页面停留在 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。如果 cookie 不存在，则默认您在选项卡 1 中。否则，获取 cookie 的值并按照 cookie 的指示打开选项卡。

Answer 2

如果您有Cookie plugin，则可以使用“cookie”jQuery UI Tab 选项。

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