web-dev-qa-db-ja.com

要素がドロップ可能、ドラッグ可能、またはその他の「ble」であるかどうかを確認するにはどうすればよいですか？

JQueryにはたくさんの要素があります。一部はドラッグ可能、一部はドロップ可能、一部は両方です。要素がドラッグ可能かドロップ可能かをどのように検出できますか？

jqueryjquery-uidraggabledroppablejquery-data
30
Kees C. Bakker

このようにjQuery data()を使用することもできます。

if ($(elem).data('draggable')) {
        alert("yes");
}
else {
        alert("no");
}

if ($(elem).data('fooable')) {
        alert("yes");
}
else {
        alert("no");
}

こちらをご覧ください： http://bootply.com/6015

27
Zim

これは私にとってJQuery 1.10.2で動作します

if ($("el").data('uiDraggable')){ //or uiDroppable
   alert("draggable")
} else {
   alert("not draggable")
}

または、引数なしで.data（）メソッドを呼び出すこともできます。

$("el").data()

それは次のようなものを印刷するはずです

オブジェクト{iDraggable：$。（anonymous function）。（anonymous function）}

オブジェクトのプロパティを確認できます。

15
gumkins

ドラッグ可能な要素の場合：

_$(elem).is('.ui-draggable')
_

または、filter、または単に$('.ui-draggable');を選択することもできます。

ドロップ可能の場合、_.ui-droppable_を使用します。サイズ変更可能は_.ui-resizable_です。選択可能は_.ui-selectable_ですが、選択できるアイテムは_.ui-selectee_、ソート可能は_.ui-sortable_ forコンテナ。

6
zzzzBov

私はModernizrを使用しています：

if (Modernizr.draganddrop) {
// use drag and drop
}
0
Vasyl Gutnyk