使整個元素可拖動，但不是一切導致拖

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