如何判斷一個元素是否是jquery-ui小部件？

Question

我的應用程序基於100個文件。這個「邏輯」決定哪一個將被包含在某個顯示中。

在其中許多人中，我有jquery-ui-widgets（對於這個問題，我將假設他們都是tabs）。
其中一些是自定義的，其他則不是。
自定義選項卡在完整輸出的開頭（在html標題中）中分別設置。 其他設置稍後全局設置。

HTML

<div class="some-element">... 
<div class="some-other-element">... 
<div class="tabs">... 
<div class="tabs">... 
<div class="tabs">... 
<div class="tabs">... 

的JavaScript

$(".tabs .some-element").tabs({/*some settings*/}); 
$(".tabs .some-other-element").tabs({/*some other settings*/}); 
$(".tabs").tabs(); // no settings 

我的問題是：我想最後javavscript調用排除，已經初始化元素。

如何判斷對象是否已設置？

Answer 1

由於@mhu狀態，您可以檢查控件的名稱下的數據值。小部件框架還設置了一個匹配小部件本身名稱的選擇器。這將允許您測試的項目是一個小部件：

if ($(testElement).is(":ui-tabs")) { 
    // testElement is a ui-tabs widget 
} 

這實際上是由它只能用來測試單個項目的數據屬性的支持。選擇器可以使用如下：

$(".tabs:ui-tabs").each(function() { 
    // every ".tabs" which is a widget will get a call. 
}); 

Answer 2

您可以檢查數據（下面的例子是jQueryUI的1.9+）：

if ($(".tabs").data("ui-tabs")) { 
    // ui tab 
}