指定何時拖動可拖動的div

Question

是否可以使div可拖動，並說div只能在用戶單擊該div內的特定元素時才被拖動？我有一個可拖動的div與一個標題元素。我只想在單擊元素時拖動纔會發生。

這裏是我讓div可拖動的javascript。

<script> 
$(function() { 
    $("#edit").resizable(); 
    $("#edit").draggable(); 
}); 
</script> 

下面是DIV的HTML

<div class="demo"> 

<div id="edit" style="position:absolute; width: 250px; height: 550px;" class="comdiv"> 
    <h3 class="comhdr ui-widget-header">Sample</h3> 

     <p id="heading" class="editableText ui-widget-content">Text for edits.</p> 

</div> 

</div><!-- End demo --> 

http://jsbin.com/awihej/2/edit

Answer 1

可以使用handle選項：

$("#edit").draggable({ 
    handle: "h3" 
}); 

或許：

$("#edit").draggable({ 
    handle: ".ui-widget-header" 
});