Question

当我将它放在容器上时，我想删除<div>的拖动属性。但是对于我的代码，我收到了错误"Property 'draggable' of object #<Object> is not a function"。

$( "#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.
   }
});

我使用的是jquery ui版本1.8.12

Answer 1

我的猜测是'ui'是一个简单的旧javascript对象而不是jQuery对象尝试（修改）：
$(ui.draggable).draggable("destroy");

Answer 2

调用methods of draggable widget的语法是：

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

您应该将方法名称作为string传递给draggable()方法。

在drop事件回调中，ui.draggable只是对可拖动元素（语法的$( ".selector" )部分）对应的jQuery对象的引用。

您应该在其上调用draggable()并传递方法名称：

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

Answer 3

我使用setTimeout函数解决了这个问题：

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

ui.draggable的jquery ui错误（“destroy”）

3 个答案: