如何使div可通过内部图像拖动

Question

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

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

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

我已将主 div 设为可拖动，但我想借助 maindiv 内的图像 drag.png 进行拖动。如何实现这一目标。请帮我解决这个问题。

Answer 1

您可以使用handle可拖动功能的-option：

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

演示

参考

可拖动 - 句柄