Question

我正在使用 JQuery UI标签，其中我在标签中有多个表单。我想要的是保留选项卡选择，即使在表格发布之后。

我不想要使用 cookie.js

您可以在jsbin

看到我的代码

我怎样才能以其他方式实现这一目标？

感谢

Answer 1

最简单的方法是在表单上发布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>

然后，您在页面加载中可以选择特定选项卡：

$("#tabs").tabs("select", tab);

您需要使用服务器核心生成上面的标签，或使用this之类的内容通过javascript检索它。

Answer 2

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

<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"/>

简单。现在您的标签保留。

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

2 个答案: