Question

我目前在Jquery中使用Draggable我试图让它如此当你点击一个div它将禁止你拖动它我有以下代码似乎不工作任何人都可以引导我在正确的方向请

selected_div = $("input#selected_div").val();

 $("#68").draggable({ 
          containment: 'parent',
if(selected_div == 68){
          disabled: true,
}else{
          disabled: false,
}
          handle: 'drag_border',
          drag: function(e, ui) {
                 var top = ui.position.top;
                 var left = ui.position.left;
                 $("input#tuPBd0hm_top").val(top);
                 $("input#tuPBd0hm_left").val(left);
                 $("#top").html(top);
                 $("#left").html(left);
}
});

谢谢，

Answer 1

html中的ID必须以字母开头，因此“＃68”实际上不应该选择任何内容。尝试在ID的前面加上一个字母a-z。

Answer 2

试试这个：

var selected_div = $("input#selected_div").val();
var isDraggable;
if(selected_div == "68") isDraggable = true;
else isDraggable = false

$("#a68").draggable({ 
          containment: 'parent',
          disabled: isDraggable,
          handle: 'drag_border',
          drag: function(e, ui) {
                 var top = ui.position.top;
                 var left = ui.position.left;
                 $("input#tuPBd0hm_top").val(top);
                 $("input#tuPBd0hm_left").val(left);
                 $("#top").html(top);
                 $("#left").html(left);
          }
});

如果您希望能够在加载页面后禁用或启用div可拖动，请查看jquery Draggable API并单击“方法”选项卡

$("#a68").draggable("disable");
$("#a68").draggable("enable");

我希望这有帮助！

单击时，Jquery Draggable帮助已禁用

2 个答案: