使整个元素可拖动，但不是一切导致拖

Question

我在HTML以下元素：

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

我想整个元素能够被拖动，但只有当他们被点击的div元素上与'标题'类。基本上，它应该显示为一个正常的Windows应用程序窗体。我把它设置为可拖动，但只有那个元素被拖拽而不是它和它的父元素（这是可以理解的）。我使用的是JQuery和JQuery UI，因此欢迎任何利用这些东西的东西。

如果可以的话，谢谢！

Answer 1

可以使用handle选项：

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

Answer 2

看看它的文档，手柄你在找什么：http://jqueryui.com/demos/draggable/#handle