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

标签 javascript jquery html drag-and-drop draggable

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

有什么想法吗?

谢谢,
马特

最佳答案

你应该看看 handle draggable 的属性(property).像这样的东西(未经测试):

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

关于javascript - 如何使用 Jquery 使内部 div 触发对外部 div 的拖动效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/973744/

相关文章:

javascript - 我可以将 JavaScript 变量传递给 PHP 以用作 cURL 函数的 URL 吗?

javascript - 在 <div> 中使用 JavaScript 添加新行

javascript - Kendo UI TreeView 追加新级别

html - 如何为带有缩略图的纯 CSS/HTML slider 创建标题,没有 java/jquery

html - 在最后一行调整 flex 元素的大小

html - bootstrap 和 wordpress - 3 列相同的高度

javascript - 在更新面板的部分回发后执行 javascript?

javascript - 什么是 prototype.constructor 及其在原型(prototype)链中的作用 - Javascript

Javascript:从动态Javascript表和输入框中获取数值然后进行计算

javascript - Jquery在选择框更改后更改html