jquery ui tabs 多次调用 tabs()答案

【问题标题】：jquery ui tabs multiple calls to tabs()jquery ui tabs 多次调用 tabs()
【发布时间】：2012-06-27 00:20:25
【问题描述】：

我有一个页面，我将标签内容放入 div 中。

这很好，我可以看到标签。

稍后，发生一个事件（例如选择组合框值），我想更改为另一组选项卡。

我基本上做到了：

('#divId').empty();
someData.appendTo("#divId");
$("#divId").tabs();

这就是问题所在，这第二次调用显示了一个列表： .选项卡名称1 .选项卡名称2 .....等等

知道发生了什么，似乎对 .tabs() 的调用在我第一次加载页面时只工作一次。

谢谢。

【问题讨论】：

你能发一个jsfiddle 来说明你的问题吗？
我遇到了与 jQuery UI - TABS 小部件类似的问题。显然我的someData 没有任何问题，相反我总是喜欢使用默认的element.innerHTML = ""，而不是使用像empty() 这样的任何额外功能。我在创建之前使用jQuery(element).tabs("destroy") 解决了这个问题。确保保持 destroy 调用是有条件的或在 try catch 块中，以避免在未初始化的 tabs 调用销毁的情况下失败。

标签： jquery-ui jquery-ui-tabs

【解决方案1】：

检查someData的值，它可能包含无效的html，当你再次调用jquery tabs()方法时无法处理。

一种方法是：

console.log(someData);

如果您使用的是 chrome，请按 F12，然后单击“控制台”。

【讨论】：

【解决方案2】：

$("#detailUL").append("<li><a href='#tabs3-"+id+"'>Desc No "+m+"</a></li>");     // desc

$("#details").append("<div id='tabs3-"+id+"' class='it_detail'>"+copy+"</div>"); // detail


$("#detailPanel").tabs("refresh");

【讨论】：