перетаскиваемое изображение не работает в родительском контейнере

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 во второй скрипке.Я предполагаю, что вы хотите, чтобы пользователь мог перетаскивать изображение вокруг зеленой области.Попробуйте вместо этого применить перетаскивание к элементу div.(скрипка: http://jsfiddle.net/ZXu2w/1/)