javascript - 提交后更改 jQuery 选项卡

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] );
});