0

我正在使用此链接中的 Jquery Draggable 代码

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

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

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

4

3 回答 3

3

尝试使用遏制选项

$('#draggable img').draggable({
    containment: $('#draggable').parent()
})
于 2013-07-25T05:35:07.507 回答
1

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

 $("#draggable img ").draggable({ containment: "#div1" });
于 2013-07-25T05:36:17.337 回答
1

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

overflow:hidden
于 2013-07-25T05:36:34.200 回答