Question

目前，在选项卡菜单上单击选项卡-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 } });

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

2 个答案: