jquery - 如何让div可以被里面的图片拖动

标签 jquery jquery-ui draggable jquery-draggable

我有一个 div,我试图通过 div 内的图像拖动它。 下面是我的 html

  <div id="MainDiv">
  <img src="Images/Drag.png"/>

<div>Test</div><div>Tes2</div>
</div>

我已将主 div 设为可拖动,但我想借助 maindiv 内的 image Drag.png 进行拖动。 如何实现这一点。请帮助我..

最佳答案

您可以使用draggable函数的handle选项:

$( "#MainDiv" ).draggable({
    handle: "img"
});

Demo

引用

draggable - handle

关于jquery - 如何让div可以被里面的图片拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29116408/

相关文章:

jQuery 用户界面 : Pros and Cons?

jquery - 如何插入新元素,使其以正确的样式显示(使用 jQuery)

javascript - 拖动时更改 HTML5 可拖动元素的 "clone"的文本

css - 当 div 可滚动时,div 中的可拖动元素显示在拖放区后面,需要它们显示在前面

javascript - 不规则DIV形状,跨浏览器平台支持

javascript - 如何使用 jQuery 更改嵌套表 td 边框宽度?

jquery - 使用具有相同 handle 值且不重叠的 jQuery ui 范围 slider

jQuery 触摸可拖动响应滚动条/幻灯片/轮播?

javascript - 这个 JavaScript 错误是什么意思?

jquery - 使用 jquery 从特定列表中删除背景图像