jquery tabs回发问题

Question

我使用jQuery库在我project.I有jQuery的tabs.Solutions可怕的问题是,当我在第三个选项卡,我回来后我的形式,重新加载选项卡并进入第一个标签.我正在寻找解决问题很长时间.

<script type="text/javascript">
    $(document).ready(function() {
        $("#example > ul").tabs({ remote: true, cache: true });
    });       
</script>

那我怎么解决这个问题呢？你的答案.

Answer 1

您没有指定是否使用ASP.NET,但如果您使用ASP.NET,则可以将当前选定的选项卡存储在<asp:HiddenField />而不是cookie中:

<script type="text/javascript" language="javascript">
    $(function() {
        $("#example").tabs({
            show: function() {
                var sel = $('#example').tabs('option', 'selected');
                $("#<%= hidLastTab.ClientID %>").val(sel);
            },
            selected: <%= hidLastTab.Value %>
        });
    });
</script>
<asp:HiddenField runat="server" ID="hidLastTab" Value="0" />

如果不是ASP.NET,你可能会做类似的事情.

Answer 2

选项卡可以使用cookie来存储当前选项卡.看一下标签文档.在选项列表中,有一个如何使用cookie存储当前选项卡的示例:

$('.selector').tabs({ cookie: { expires: 30 } });

这需要包含jquery cookies插件.