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

时间:2015-03-18 07:33:59

标签: 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可拖动但我想在图片drag.png的帮助下拖动,这是在maindiv内部。 怎么做到这一点。请帮我这个..

2 个答案:

答案 0 :(得分:4)

您可以使用draggable-function的handle - 选项:

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

Demo

<强>参考

draggable - handle

答案 1 :(得分:0)

JSFiddle

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