使整个元素可拖动，但并非所有元素都会导致拖动

Question

我在 HTML 中有以下元素：

<div class="window" iname="win0">
<div class="title" prop="title">
</div>
<div class="content" prop="form">
</div>
</div>

我希望能够拖动整个元素，但前提是他们单击具有“title”类的 div 元素。基本上，它应该以普通的 Windows 应用程序形式出现。我将其设置为可拖动，但随后仅拖动该元素而不是它及其父元素（这是可以理解的）。我也使用 JQuery 和 JQuery UI，所以欢迎使用这些东西。

如果可以的话谢谢！

Answer 1

您可以使用 handle 选项：

$(".window").draggable({
    // your options,
    handle: ".title"
});

Answer 2

请参阅文档，句柄就是您要寻找的内容： http://jqueryui.com/demos /draggable/#handle