即使在表单发布后仍保留JQuery UI选项卡选择

我正在使用jQueryUI选项卡，在选项卡中有几个表单。我想要的是保留选项卡选择，即使在形成Post之后

我不想使用cookie.js

你可以在这里看到我的代码

我如何通过其他方式实现这一点

---

谢谢

最简单的方法是使用ajax发布表单。这样做可以：

$("form").submit(function() {
  $.post(); // do the necessary post here
  return false; // Do not submit the form
});

如果不允许使用Ajax，则可以在url中传递选项卡信息：

<div id="fragment-1">
    <p>Form 1</p>
    <form method="post" action="?tab=1">
      <input type="text" value="">
      <input type="submit" value="Save Changes" />
    </form>
</div>

---

您需要使用server core生成上面的选项卡，或者使用类似的东西通过javascript检索它。

您可以使用隐藏字段保存值，然后在回发时保留

<script type="text/javascript">
 $(document).ready(function () {
                $('#tabs').tabs({
                    select: function (event, ui) {
                        $("#<%= hfSelectedTAB.ClientID %>").val(ui.index);
                    }
                });
                $("#tabs").tabs("option", "selected", [$("#<%= hfSelectedTAB.ClientID %>").val()]);
            });
</script>

 <asp:HiddenField ID="hfSelectedTAB" runat="server"  Value="0"/>

$（文档）.ready（函数（）{
$（'#制表符'）。制表符({
选择：功能（事件、用户界面）{
$（“#”）val（ui.index）；
}
});
$（“#制表符”）.tabs（“选项”、“选定项”、“[$（“#”）.val（））；
});

简单。现在您的选项卡保留

<script type="text/javascript">
 $(document).ready(function () {
                $('#tabs').tabs({
                    select: function (event, ui) {
                        $("#<%= hfSelectedTAB.ClientID %>").val(ui.index);
                    }
                });
                $("#tabs").tabs("option", "selected", [$("#<%= hfSelectedTAB.ClientID %>").val()]);
            });
</script>

 <asp:HiddenField ID="hfSelectedTAB" runat="server"  Value="0"/>