如何禁用jquery-ui draggable？

Question

如何禁用jQuery draggable,例如在UpdatePanel回发期间？

Answer 1

可以创建DisableDrag(myObject)和EnableDrag(myObject)函数

myObject.draggable( 'disable' )

然后

myObject.draggable( 'enable' )

Answer 2

要暂时禁用可拖动行为,请使用:

$('#item-id').draggable( "disable" )

要永久删除可拖动行为,请使用:

$('#item-id').draggable( "destroy" )

Answer 3

要在jQuery中启用/禁用draggable,我使用了:

$("#draggable").draggable({ disabled: true });          

$("#draggable").draggable({ disabled: false });

@Calciphus的答案对我来说不适用于不透明度问题,所以我使用了:

div.ui-state-disabled.ui-draggable-disabled {opacity: 1;}

也适用于移动设备.

这是代码:http://jsfiddle.net/nn5aL/1/

启用禁用可拖动的jquery opacity 问题html

Answer 4

我花了一些时间来弄清楚如何在drop-use上禁用draggable ui.draggable来引用从drop函数中拖动的对象:

$("#drop-target").droppable({
    drop: function(event, ui) {
        ui.draggable.draggable("disable", 1); // *not* ui.draggable("disable", 1);
        …
    }
});

HTH有人

Answer 5

似乎没有人看过原始文档.可能是那时没有它))

使用指定的disabled选项初始化一个draggable.

$( ".selector" ).draggable({ disabled: true });

初始化后,获取或设置禁用选项.

//getter
var disabled = $( ".selector" ).draggable( "option", "disabled" );
//setter
$( ".selector" ).draggable( "option", "disabled", true );

Answer 6

在对话框的情况下,它有一个名为draggable的属性,将其设置为false.

$("#yourDialog").dialog({
    draggable: false
});

虽然这个问题已经过时了,但我尝试了所提出的解决方案并且它不适用于对话框.希望这可以帮助像我这样的人.