图像拖动父遏制

这个例子不工作伟大的工作，因为这里遏制是身体http://jsfiddle.net/roXon/hMmbK/2/图像拖动父遏制

，当我在HTML中使用的容器，它的工作不细。这里的问题：http://jsfiddle.net/anosim/ZXu2w/

任何人都有最好的解决方案。

在此先感谢。

来源

2012-03-27 anosim

究竟是你想要的结果？ – Jlange 2012-03-27 17:40:48

问题是，当你指定坐标时，它们是绝对位置。

有可能是一个更好的办法，但家长的你总是可以得到补偿和这些偏移添加到您的遏制坐标：

$(function() { 

    var ox = $("#container img").parent().offset().left; 
    var oy = $("#container img").parent().offset().top; 

    $("img").draggable({ 
     containment: [-99+ox, -119+oy, ox, oy], 
     scroll: false 
    }); 

});

演示：http://jsfiddle.net/DqdRK/

来源

2012-03-27 17:34:54

非常感谢亲爱的！ – anosim 2012-03-27 17:51:54

你如何计算-99和-119？ – nmsdvid 2013-03-27 09:39:41

@nmsdvid：图片宽度为400x300，div为300x180，相差100x120。然后我减去边界宽度的一个像素。从技术角度来说，为了说明边界，还应该加上其他参数：'遏制：[-99 + ox，-119 + oy，ox + 1，oy + 1]' – 2013-03-27 16:30:09

你的问题是，你”在第二个小提琴中重新制作img标签。我假设您希望用户能够在绿色区域中拖动图像。尝试将draggable应用于div。（小提琴：http://jsfiddle.net/ZXu2w/1/）

来源

2012-03-27 17:38:02 Jlange

我找到了我的解决方案：http://jsfiddle.net/DqdRK/ – anosim 2012-03-27 17:54:58

看来我误解了你的最终目标。很高兴你找到了解决方案。 – Jlange 2012-03-27 17:57:16

图像拖动父遏制

回答

相关问题