javascript - 如何使用 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

您应该查看可拖动的句柄属性。像这样的东西（未经测试）：

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