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

Question

我有一个 div，我正试图通过 div 中的图像拖动它。下面是我的 html

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

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

我已将主 div 设置为可拖动，但我想借助主 div 内的图像 drag.png 进行拖动。如何实现这一点。请帮助我..

Answer 1

您可以使用可拖动功能的 handle 选项：

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

参考

Answer 2

有 jquery 个事件 $('#movable').on('mousedown',) 可能没有 jquery UI 也

How to make div draggable by an image inside