如何使div可以被里面的图像拖动答案

【问题标题】：How to make div draggable by an image inside如何使div可以被里面的图像拖动
【发布时间】：2015-03-18 07:33:58
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

参考

【讨论】：

我尝试了以下但不适合我 $("#MainDiv").draggable({ cursor: "move", handle: "img", addClasses: false, axis: "xy" , appendTo: "body", snap: true, revert: 'invalid', start: function () { $(this).data("origPosition", $(this).position()); } });跨度>
@sandeep.mishra 什么不起作用，您希望发生什么？见demo
对不起经验。它的工作。非常感谢。我正在尝试使用 droppable 然后 draggable 。现在，当我颠倒订单时它就可以工作了。

【解决方案2】：

JSFiddle

使用 jquery 事件 $('#movable').on('mousedown',) 也可以不使用 jquery UI

【讨论】：