JQuery UI Draggable - How do I know if an item is being dragged initialized?

Question

My logic

if( !this.draginited() ) // a drag-disabled element shouldn't get pass here, as it is inited
  this.draggable({...})

I searched a lot and could not find a way to implement this logic, any ideas?

Answer 1

There may be an easier way, but the docs say:

Dragable items get the class u-dragable

so you can do something like:

if(!$("#foo").hasClass("ui-draggable")) {
    ...
}

to wrap this (untested):

$.fn.isDraggable = function() {
    return $(this).hasClass("ui-draggable");
}

console.log($("#someElement").isDraggable());

Answer 2

The event is dragstartfired when the drag and drop starts. More in docs