Как я могу заставить внутренний div вызывать эффект перетаскивания на внешнем div, используя Jquery?

Question

Я хочу использовать внутренний div для перетаскивания внешнего div, например:

<div id="outerDiv" style="height:300px; width:200px;">
     <div id="innerDiv" style="height:10px; width:200px;"></div>
</div>

Если это мой код, при условии, что соответствующие плагины JQuery подключены для использования dragggable и т. Д. Как я могу сделать так, чтобы, когда пользователь щелкает и перетаскивает innerDiv, он перетаскивал весь outerDiv. Но чтобы пользователь нажимал и пытался перетащить externalDiv, он не работал.

В основном я хочу, чтобы innerDiv управлял перетаскиваемостью externalDiv.

Есть идеи?

Спасибо,
Matt

Answer 1

Вам нужно взглянуть на свойство handle для draggable . Примерно так (не проверено):

$("#outerDiv").draggable({ handle: "innerDiv" });