判断jQuery DOM元素是否可拖动

Question

jQuery UI是否将任何属性存储到jQuery dom ref元素？

我特别感兴趣的是任何可以说明其可拖动的数据，属性或功能？

例：

var jqnode = jQuery('selector');
jqnode.draggable({...});
var isDraggable = !!(jqnode.tellIsDraggableProperty);

Answer 1

var isDraggable = !!jqnode.data("draggable")

要么

var isDraggable = jqnode.is(":ui-draggable");

根据您要执行的操作，可以在原始文件中使用选择器：

jQuery('selector:ui-draggable').fn()

如果可拖动，这只会巧妙地调用fn 。

Answer 2

如果我理解正确，我认为这将满足您的要求。

var jqnode = jQuery('selector');
var isDraggable = (typeof jqnode.draggable === 'function');

另外，我认为hasOwnProperty（）也可以工作：

var jqnode = jQuery('selector');
var isDraggable = jqnode.hasOwnProperty('draggable');

Answer 3

当jQueryUI初始化draggable ，它将向元素添加ui-draggable类：

var isDraggable = jqnode.hasClass('ui-draggable');