如何检查元素是否可以放置,可拖动或其他“ble”?

时间:2011-11-21 18:52:01

标签: jquery jquery-ui draggable droppable jquery-data

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

3 个答案:

答案 0 :(得分:27)

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

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

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

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

答案 1 :(得分:15)

这适用于JQuery 1.10.2

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

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

$("el").data()

应该打印类似

的内容
  

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

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

答案 2 :(得分:6)

对于可拖动元素:

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

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

对于droppable,您可以使用.ui-droppable,可调整大小为.ui-resizable,可选择为.ui-selectable,但您选择的项目为.ui-selectee,可排序为{{1}容器。