2010-09-07 69 views
0

我目前在Jquery中使用Draggable我試圖讓它如此當你點擊一個div它會禁止你從draging它我有下面的代碼是它似乎不工作任何人都可以我在正確的方向,請Jquery Dragable幫助禁用點擊時

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); 
} 
}); 

謝謝

回答

1

試試這個:

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); 
      } 
}); 

如果你希望能夠禁用或從頁面加載後然後看jquery Draggable API並單擊方法選項卡

$("#a68").draggable("disable"); 
$("#a68").draggable("enable"); 
是可拖動使DIV

我希望這有助於!

1

HTML中的ID必須以字母開頭,所以「#68」真不應該選擇什麼。嘗試在ID的前面放置letterr a-z。