Сделать весь элемент перетаскиваемым, но не все вызывает перетаскивание

Question

У меня есть следующий элемент в HTML:

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

Я хочу, чтобы весь элемент можно было перетаскивать, но только если они щелкают по элементу div с классом title. По сути, он должен выглядеть как обычная форма приложения Windows. Я установил его как перетаскиваемый, но затем перетаскивал только тот элемент вместо него и его родителя (что понятно). Я использую JQuery и пользовательский интерфейс JQuery, поэтому все, что использует эти вещи, приветствуется.

Спасибо, если можете!

Answer 1

Вы можете использовать опцию handle :

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

Answer 2

См. Документацию, ручки - это то, что вы ищете: http://jqueryui.com/demos/draggable/#handle