判断jQuery DOM元素是否可拖动

Question

Does jQuery UI store any properties to a jQuery dom ref element?

What I'm particular interested in is any data or properties or function that can tell is it draggable?

Example:

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

Answer 1

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

or

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

Depending on what you want to do, you could use the selector in the original:

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

This would neatly only call fn if it was draggable.

Answer 2

I think this will do what you ask if I understand correctly.

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

Also, I think hasOwnProperty() would work too:

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

Answer 3

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

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