如何检查元素是否可以放置,可拖动或其他"ble"？

Question

我有一堆jQuery元素.有些是可拖动的,有些是可以放置的,有些是可以拖放的.如何检测元素是否可拖动或可拖放？

Answer 1

你也可以data()像这样使用jQuery ..

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

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

请在此处查看:http://bootply.com/60153

Answer 2

这适用于JQuery 1.10.2

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

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

$("el").data()

这应该打印出类似的东西

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

在哪里可以看到对象属性.

Answer 3

对于可拖动元素:

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

或者你可以filter,或者只是选择$('.ui-draggable');.

对于droppable,您可以使用.ui-droppable,可调整大小.ui-resizable,可选择.ui-selectable用于容器,尽管您选择的项目是.ui-selectee可排序.ui-sortable的容器.