javascript - 判断 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');