检查是否已初始化jQuery UI选项卡（不检查类）

Question

使用jQuery UI标签 - 我已经编写了一个与ui标签集成的插件。 如果.tabs()没有被调用，我已经设置了启动jQuery UI标签的插件设置，但这只是进行简单的类检查：

 if(!$globalTabs.hasClass("ui-tabs")){
    $globalTabs.tabs();
 }

但这是有问题的，因为通常为了避免FOUC，开发人员在UI类中添加选项卡以在document.ready之前获得更好的初始渲染。

我可以检查一个不同的类，例如`ui-widget1，但想知道是否还有其他/更好的方式？

Answer 1

您可以使用data()查询附加的小部件：

if (!$globalTabs.data("tabs")) {
    $globalTabs.tabs();
}

此行为记录在jQuery UI Widget factory的Development & Planning Wiki页面中：

  

  

• 可通过$( "#something" ).data( "pluginname" )

  访问插件实例      
    
  • 对包含DOM元素的jQuery对象的引用是   作为this.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();
}

1.9中仍然支持使用非限定名称但不推荐使用，支持将在1.10中删除。

Answer 2

当我尝试检查实例时，它会以某种方式导致一些错误。

我需要重新初始化标签，对我来说，尝试抓住了诀窍：

try {
    $('.mytabs').tabs('destroy');
} catch (exception) {}

然后再次初始化：

$('.mytabs').tabs();