Question

此示例效果很好，因为此处的包含是正文http://jsfiddle.net/roXon/hMmbK/2/

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

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

先谢谢。

Answer 1

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

可能有更好的方法，但您始终可以获得父级的偏移并将这些偏移添加到您的包含坐标中：

$(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/

Answer 2

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

图像可拖动不在父包含中工作

2 个答案: