图像重新定位在jquery中

Question

我想在拖动时设置div内图像的轴。 为此我使用jquery ui：draggable函数。但它的行为不符合要求。

<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"/>

  

查看整个代码的实例

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

Live Example

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

Answer 1

为photo_container选择器位置相对添加，img profile_pic将按绝对位置进行定位。我认为这个解决方案你想要什么