JQuery 选项卡 destroy() 在 jquery-ui-1.10.0 中不起作用答案

【问题标题】：JQuery tabs destroy() not working in jquery-ui-1.10.0JQuery 选项卡 destroy() 在 jquery-ui-1.10.0 中不起作用
【发布时间】：2013-01-26 14:32:14
【问题描述】：

我正在尝试从 jquery-ui-1.8.23 升级到 jquery-ui-1.10.0。

突然 $("#tabs").destroy(); 不再起作用了。

我已阅读此处的 ui 升级指南：

http://jqueryui.com/upgrade-guide/1.9/#tabs

“选项卡现在使用 ui-tabs-destroy 而不是 destroy.tabs。” 我不知道这段代码会是什么样子，也没有可用的示例。

感谢您的帮助！

【问题讨论】：

标签： jquery tabs

【解决方案1】：

jQuery UI 方法的语法不正确。方法应作为 API 中记录的字符串传递给插件

$("#tabs").tabs( "destroy" );

演示：http://jsfiddle.net/ngDP3/

API 参考（附示例代码）：http://api.jqueryui.com/tabs/#method-destroy

标签现在使用 ui-tabs-destroy 而不是 destroy.tabs

这是插件内部数据使用，与使用方法无关

【讨论】：

感谢您的回复，但它仍然不起作用： TypeError: $(...).tabs is not a function [Break On This Error] $( "#tabs" ).tabs( “摧毁”）；
$(...).tabs is not a function 表示您没有包含 jQueryUI.js，或者在 jQuery.js 之前包含，或者页面中加载了多个版本的 jQuery.js，或者忘记加载 jQuery.js，或者文件路径不正确
这里是我所有的 js 包括，也许其中一个是问题： jquery-1.9.0.js jquery-migrate-1.0.0.js jquery.dataTables.min.js jquery.bpopup- 0.8.0.min.js jquery-ui-1.10.0.custom.js fnReloadAjax.js jquery.contextmenu.js jquery.treeview.js colResizable-1.3.min.js ZeroClipboard.js
在浏览器控制台中查看它们是否都在加载并且页面中只有一个 jQuery.js 副本
我看不到任何重复，它们都加载正常。在我切换 jQuery 和 Jquery UI 版本之前它工作正常。