如何使用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插件以使用draggable等...我怎么能这样做，以便当用户点击并拖动innerDiv时，它会拖动整个outerDiv。但是，当用户单击并尝试拖动outerDiv时，它不起作用。

基本上我希望innerDiv控制outerDiv的可拖动性。

任何想法？

谢谢，
马特

Answer 1

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

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