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

时间:2011-09-09 14:14:58

标签: javascript jquery jquery-ui element jquery-ui-draggable

我在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,因此欢迎使用这些东西的任何东西。

谢谢,如果可以的话!

2 个答案:

答案 0 :(得分:5)

您可以使用handle选项:

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

答案 1 :(得分:4)

请参阅文档,处理是您正在寻找的内容:http://jqueryui.com/demos/draggable/#handle