jquery片回发的问题

Question

我使用jquery库在我的项目。我有可怕的问题有文化的标签。解决方案是，当我在第三个标签，我的后背我的形式，重新加载标签和转至第一个标签。我在寻找解决问题的长时间。

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

所以我怎么解决这个问题？谢谢你的答案。

Answer 1

标签可以使用Cookie来存储当前标签。查看选项卡文档。在选项列表中，有一个如何使用cookie存储当前选项卡的示例：

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

这需要包含 jquery cookies插件。

Answer 2

您没有指定是否使用ASP.NET，但如果您是，则可以将当前选定的选项卡存储在<！> lt; asp：HiddenField / <！> gt;而不是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 3

我试图利用该方案发布的通过joelsand.然而，延的标签选择和事件已经改变。目前的文件是在 http://api.jqueryui.com/tabs/.

而不是"显示"事件，我使用"活性"的事件。而不是"选定的"选项，我使用的"有效"的选择。而不是一个隐藏的领域，我用一个JavaScript变量(宣布外UpdatePanel)

Answer 4

我遇到了同样的问题，通过在jquery选项卡中添加以下内容来修复选择事件处理程序：

$("div.ui-tabs-panel").html("");

它有效地清除所有现有面板以防止形状堆叠。