使整个元素可拖动但不是所有因素都会导致阻力

Question

我在HTML中有以下元素:

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

我希望能够拖动整个元素,但前提是他们点击带有'title'类的div元素.基本上,它应该显示为普通的Windows应用程序表单.我把它设置为draggable但是只拖动了那个元素而不是它和它的父元素(这是可以理解的).我正在使用JQuery和JQuery UI,因此欢迎使用这些东西的任何东西.

谢谢,如果可以的话!

Answer 1

您可以使用handle选项:

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