JQuery UI Arrastrable: ¿cómo se puede inicializar un elemento que se puede arrastrar?

Question

Mi lógica es

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

He buscado mucho y no pude encontrar una manera de implementar esta lógica, alguna idea?

Answer 1

Tal vez hay una manera más fácil, pero el docs dicen:

elementos se pueden arrastrar para crear una clase de ui-arrastrable

por lo que podría hacer algo como:

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

para envolver (no probado):

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

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

Answer 2

El evento dragstart se activa cuando se inicia el arrastre. Más en el docs