Question

This example working great because here containment is body http://jsfiddle.net/roXon/hMmbK/2/

when i use container in html, it work not fine. here the problem: http://jsfiddle.net/anosim/ZXu2w/

anyone have best solution for that.

Thanks in Advance.

Answer 1

The problem is that when you specify coordinates, they are absolute positions.

There might be a better way, but you can always get the offset of the parent and add those offsets to your containment coordinates:

$(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
    });

});

Demo: http://jsfiddle.net/DqdRK/