jquery tabs回发问题

我在我的项目中使用jquery库。我有一个jquery tabs的可怕问题。解决方案是当我在第三个选项卡时，我回发我的表单，选项卡重新加载并转到第一个选项卡。 我正在寻找解决问题很长时间。

 $(document).ready(function() { $("#example > ul").tabs({ remote: true, cache: true }); });  

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

Answer 1

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

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

这需要包含jquery cookies插件 。

Answer 2

您没有指定是否使用ASP.NET，但如果您使用ASP.NET，则可以将当前选定的选项卡存储在而不是cookie中：

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

Answer 3

我试图使用joelsand发布的解决方案。 但是，jQuery选项卡选项和事件已更改。 当前文档位于http://api.jqueryui.com/tabs/ 。

我没有使用“show”事件，而是使用了“激活”事件。 我使用了“主动”选项，而不是“已选择”选项。 我使用了一个JavaScript变量（在U​​pdatePanel之外声明）而不是隐藏字段

Answer 4

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

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

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