单击内部div时，jQueryUI可拖动外部div

Question

我创建了一个效果很好的可拖动div，看起来像这样：

<div id="outerdiv">
   <div id="titlediv">Some Text</div>
   <div id="rowdiv">Some more text</div>
   <div id="rowdiv">Some more text</div>
</div>

jQueryUI中的

将其链接起来：

$('#outerdiv').draggable();

然而，我想要的是让'#titlediv'可拖动，这样只有当您点击该部分时才能拖动外部div。

即。 div中的第一行是标题，拖动时会导致整个div拖动。

Answer 1

您可以使用handle选项：

$("#outerdiv").draggable({
    handle: "#titlediv"
});