javascript – 如何使用Jquery使内部div触发对外部div的拖动效果?

我想使用内部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的可拖动性.

有任何想法吗?

谢谢,
马特

解决方法:

您应该查看draggablehandle属性.这样的事情(未经测试):

$("#outerDiv").draggable({ handle: "innerDiv" });
上一篇:javascript – 制作类似Google-Calendar的拖动界面


下一篇:jquery-ui拖拽对齐线位置不对的操作