指定何时拖动可拖动 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"
});