使用jQuery UI选项卡 – 我编写了一个与ui标签集成的插件.
如果没有调用.tabs(),我有插件设置来启动jQuery UI选项卡,但这只是一个简单的类检查：
如果没有调用.tabs(),我有插件设置来启动jQuery UI选项卡,但这只是一个简单的类检查：
if(!$globalTabs.hasClass("ui-tabs")){
$globalTabs.tabs();
}
但这是有问题的,因为通常为了避免FOUC,开发人员在UI类中添加选项卡以在document.ready之前获得更好的初始渲染.
我可以检查一个不同的类,比如`ui-widget1,但想知道是否还有其他/更好的方法？
解决方法
您可以使用
data()查询附加的小部件：
if (!$globalTabs.data("tabs")) {
$globalTabs.tabs();
}
在jQuery UI的Development & Planning Wiki的Widget factory页面中记录了此行为：
Plugin instance accessible via
$( "#something" ).data( "pluginname" )
- A reference to a jQuery object containing the DOM element is
available as a property of the instance asthis.element,so it is
easy to go back and forth between the object and the element.
更新：从jQuery UI 1.9开始,the widget key becomes the widget’s fully qualified name,with dots replaced with dashes,如：
if (!$globalTabs.data("ui-tabs")) {
$globalTabs.tabs();
}
