jquery - jquery中的图像重定位

Question

我想在拖动时在 div 中设置图像的轴。为此，我正在使用 jquery ui: draggable function。但它的行为不符合要求。

<div id="photo_container">
<img id="profile_pic" 
src="http://1.bp.blogspot.com/-ERPa9-zC-N8/UIkwNj_4JoI/AAAAAAAAAE4/akX3NIBh_Sw/s1600/cartoon_wallpaper.jpg"/>

Look at Live example for whole code

在上面的html中，div的高度小于<img>所以当我尝试拖动并重新定位图像时。它跳到起点或终点。

Live Example

我用谷歌搜索，但没有找到任何好的答案。请这里的任何人都可以帮助我。

Answer 1

为photo_container选择器position relative添加，img profile_pic会被absolute定位。我认为这个解决方案就是你想要的