如何拖动图像并禁用滑动？

Question

在PhoneGap应用程序中，我使用jquery.touchSwipe.js在滑动页面之间进行转换。

问题是我还使用jquery.ui.touch-punch.js在某些页面中拖动一些图像而我不知道如何在这些图像中禁用滑动以便我可以拖动图像而且我不会离开页面。

修改

＆＃13;

＆＃13;

$("#imgleft11").draggable({
    drag: function(event, ui) {
        if (ui.position.top > 0) {
            ui.position.top = 0;
        }
        var maxtop = ui.helper.parent().height() - ui.helper.height();
        if ( ui.position.top < maxtop) {
            ui.position.top = maxtop;
        }
        if ( ui.position.left > 0) {
            ui.position.left = 0;
        }
        var maxleft = ui.helper.parent().width() - ui.helper.width();
        if ( ui.position.left < maxleft) {
            ui.position.left = maxleft;
        }
    }
});    

＆＃13;

＆＃13;

＆＃13;