如何使用 Jquery 使内部 div 触发外部 div 的拖动效果？

Question

我想用一个内部的div来拖动一个外部的div，例如：

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

如果这是我的代码，假设附加了正确的 JQuery 插件以使用可拖动等...我怎样才能使当用户单击并拖动 innerDiv 时，它会拖动整个 outerDiv。但是这样当用户点击并试图拖动outerDiv时，它就不起作用了。

基本上我想让innerDiv控制outerDiv的可拖动性。

有什么想法吗？

谢谢，
马特

Answer 1

您应该查看draggable 的handle 属性。像这样的东西（未经测试）：

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