来自Jquery的可拖动图像被拖动到​​整个页面

Question

我正在使用Jquery Draggable code from this link

我正在尝试在DIV中拖动图像但是它被拖到整个页面。 我的代码如下

<div>
     <span class="move" id="draggable">
          <img src="cropped/image_name.jpg"/>
     </span>
</div>

我不希望此图像在DIV之外可拖动。其余的代码工作正常。请帮我解决这个问题。提前谢谢。

Answer 1

尝试使用containment option

$('#draggable img').draggable({
    containment: $('#draggable').parent()
})

Answer 2

工作演示http://jsfiddle.net/cse_tushar/Lsc3r/1

 $("#draggable img ").draggable({ containment: "#div1" });

Answer 3

你不希望它在父元素之外可见???

overflow:hidden