单击时禁用Jquery可拖动帮助
我目前在Jquery中使用Dragable,我正在尝试这样做,当你点击一个div时,它将禁止你拖动它,我有下面的代码,它似乎不起作用,有人能引导我走向正确的方向吗单击时禁用Jquery可拖动帮助,jquery,Jquery,我目前在Jquery中使用Dragable,我正在尝试这样做,当你点击一个div时,它将禁止你拖动它,我有下面的代码,它似乎不起作用,有人能引导我走向正确的方向吗 selected_div = $("input#selected_div").val(); $("#68").draggable({ containment: 'parent', if(selected_div == 68){ disabled: true, }else{
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);
}
});
谢谢,html中的ID必须以字母开头,所以68真的不应该选择任何内容。试着在ID前面放一个字母a-z。试着这样做:
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的可拖动性,请查看并单击“方法”选项卡
$("#a68").draggable("disable");
$("#a68").draggable("enable");
我希望这有帮助