jquery ui Fehler für ui.draggable ("zerstören")

Question

Ich möchte die Drag-Eigenschaft einer <div> entfernen, wenn ich es auf einen Container fallen lassen. Aber ich bekomme einen Fehler "Property 'draggable' of object #<Object> is not a function", für meinen Code unten.

$("#fighter1").draggable(); //fighter1 is the id of draggable object 
$("#fighter2").draggable(); 
$("#fighter3").draggable(); 
$("#fighter4").draggable(); 
$("#fighter5").draggable(); 
$("#fighter6").draggable(); 
$("#dest").droppable({  //dest is the id of droppable object 
    drop: function(event, ui) { 
     ui.draggable("destroy"); //I get error here. 
    } 
}); 

Ich benutze die jQuery UI Version 1.8.12

Answer 1

Meine Vermutung ist, dass 'ui' ist ein einfaches altes Javascript-Objekt und nicht als Objekt jQuery.
Try (revised):
$(ui.draggable).draggable("destroy");

Answer 2

Die Syntax für methods of draggable widget Aufruf ist:

$(".selector").draggable("method"); 

Sie sollten den Methodennamen als string zum draggable() Methode übergeben.

Innerhalb des Drop-Ereignis-Callbacks ist ui.draggable nur eine Referenz auf das jQuery-Objekt, das dem ziehbaren Element entspricht (der $(".selector")-Teil der Syntax).

Sie sollten eigentlich draggable() auf sie aufrufen und den Namen der Methode übergeben:

ui.draggable.draggable("destroy"); 
----^-------  ------^------ 
selector    method name 
     --------^-------- 
    this guy executes the method 

Answer 3

Ich löste dieses Problem setTimeout-Funktion:

setTimeout(function(a){a.draggable("destroy");},100,ui.draggable);