指定何時拖動可拖動的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"
});