Question

首先，请原谅我的'泰山'英语...... 我有一个典型的JQuery选项卡代码：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">One</a></li>
        <li><a href="#tabs-2">Two</a></li>
        <li><a href="#tabs-3">Three</a></li>
    </ul>
</div>

我在每个标签中都有三个表单：

<div id="tabs-1">
    <form id="alpha">
        ...
        <input type="submit" value="send"/>
    </form>
</div>
<div id="tabs-2">
    <form id="beta">
        ...
        <input type="submit" value="send"/>
    </form>
</div>
<div id="tabs-3">
    <form id="gamma">
        ...
        <input type="submit" value="send"/>
    </form>
</div>

完成提交后，页面重新加载并更改为第一个选项卡（＃tabs-1）。我的问题是：如何在提交任何表单后在所需的标签页中重新启动我的页面？例如，如果我提交“gamma”表单，我希望页面在＃tabs-3中重新加载。

我可以这样做吗？

提前致谢！

Answer 1

$(document).ready(function () {
    $([tab container]).tabs( "option", "active", [tab number] );
});

Answer 2

使用Cookie记住提交时和页面加载时的表单选择，检查最后的选择并相应地激活上次选择的表单

提交后更改jQuery选项卡

2 个答案: