禁用拖動功能，用於特定的div

crop_popup_box禁用拖動功能，用於特定的div

<div id="crop_box" class="popup_box crop_popup"> 
<span class="popup-title" id="popup_title">Crop Image</span>  
<div id="crop_div" style="display:none;"> 
    <div style="margin-left:60px;" class="example"> 
     <div class="default"> 
      <div class="cropMain"><div class="crop-container" style="width: 320px; height: 320px;"><div class="crop-overlay" style="z-index: 6000; top: 0px; left: 0px;"></div><img class="crop-img" src="./jQuery & Canvas Image Cropper_files/one.jpg" style="z-index: 5999; top: -149.8px; left: -622.6650049850448px; width: 1402.7676969092722px; height: 549.6px;"></div></div> 

      <div class="cropSlider horizontal"><a style="left: 43%; z-index: 1;"><div class=""></div></a><input type="hidden" name="" value="2.29"></div> 

     </div> 
     </div> 
</div> 
</div>

的script.js

$(function() { 
     $(".popup_box").draggable();   
    });

我已經申請可拖動屬性，以這種作物popup.I我能拖累整個popup.Is有可能限制分類中cropSlider horizontal類的可拖動函數。如果使用點擊div cropSlider horizontal並拖動彈出窗口不應該拖動，因爲我在該div中使用縮放欄。使用縮放欄時，彈出窗口變得拖動而無法縮放圖片。

我想這一點，

$('div.cropSlider').draggable("disable")

它不working.Need幫助

來源

2014-03-27 user2439275

您也可以禁用稍後，需要時：

$('div.cropSlider').draggable(); 
$('div.cropSlider').draggable("option", "disabled", true);

來源

2014-03-27 07:37:36

工作，但沒有工作，拖着從cropSlider類 – user2439275

檢查這個工作[jsfiddle]（http://jsfiddle.net/rx4hvn/pm6BX/） –

問題是這個cropSlider div是在類popup_box的彈出式div中，而這個div是可拖動的。所以我除了用戶點擊那個特定的部分（div.cropSlider）整個彈出窗口不應該draggable.Is有可能 – user2439275

嘗試使用：

$('.popup_box div.cropSlider').draggable({disabled: true});

來源

2014-03-27 07:32:54 Felix

試過，但沒有工作，拖着從cropSlider類工作 – user2439275

使用：

$(".popup_box").children('.cropSlider').draggable({disabled:true});

來源

2014-03-27 07:33:46

試過，但沒有工作，拖着從試過這種cropSlider類 – user2439275

禁用拖動功能，用於特定的div

回答

相關問題