如何检查一个元素是否可放置、可拖动或其他“ble”？

Question

我有一堆 jQuery 元素。有些是可拖动的，有些是可放置的，有些两者都是。如何检测元素是否可拖动或可放置？

Answer 1

对于可拖动元素：

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

或者您可以过滤，或者仅选择$('.ui-draggable');。

对于 droppable，您可以使用 .ui-droppable，可调整大小为 .ui-resizing，对于容器而言，selectable 为 .ui-selectable，尽管您选择的项目是.ui-selectee，可排序的容器是.ui-sortable。

Answer 2

我使用 Modernizr：

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

Answer 3

只需检查 jQuery 添加的类即可。

if ($(this).hasClass('ui-droppable')) {
  // Is Droppable
} else {
  // Nope
}

Answer 4

您还可以像这样使用 jQuery data() 。

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

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

请参见此处：http:// /bootply.com/60153

Answer 5

这对我来说适用于 JQuery 1.10.2

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

或者，可以调用不带参数的 .data() 方法

$("el").data()

，这应该打印类似的内容

对象 {uiDraggable: $.(匿名函数).(匿名函数)}

您可以在其中查看对象属性。