jQuery UIプラグインが要素にアタッチされているかどうかを確認するにはどうすればいいですか？

Question

jQuery UIプラグインが要素にアタッチされているかどうかを確認するにはどうすればよいですか？たとえば、.sortableウィジェットをロードすると、その存在をどのように判断できますか？

この質問の背後にある目的は、要素の並べ替えを可能にすることです。 .sortableが存在することを確認することで、.sortable（ 'destroy'）を呼び出して削除することができます。

Answer 1

すべてのUIウィジェットは、要素のコンテナデータにtrueという名前を付けます。 jqueryuiはデータフィルタ式も追加します。

var $elem = $('div.sortable-container:data(sortable)'); 
if ($elem.length){ 
    // $elem contains list of elements that have sortable widget attached 
} 

Answer 2

すべてのUIウィジェットには、クラスui-widgetが与えられています。通常、各ウィジェットはウィジェットクラスをメインエレメントに追加します。この場合、ソート可能なコンテナにui-sortableが追加されているはずです。

Answer 3

誰もが後jqueryUIのバージョンでは、この解決策を探している場合は、ソート可能なプラグインのデータコンテナの名前がソート可能になりましuiSortableありません。 uは

var $elem = $('#sortable-container:data(uiSortable)'); 

を使用することができますし、まだjQueryのUI 1.8、特殊なセレクタare being added to Sizzle for each widgetので

var $elem = $('#sortable-container:not(:data(uiSortable))'); 

Answer 4

を初期化されていない要素を見つけるために、要素を見つけるためにjQueryui 1.10

すなわちを使用してイム。これらは:ui-widgetnameの形式です。

要素のソート可能なウィジェットの存在をチェックするために、あなたはそのため使用することができます。

if(element.is(':ui-sortable')) { 
    element.sortable('destroy'); 
}