拖动时jquery ui可拖动位置偏移

时间:2013-03-04 19:15:03

标签: jquery css jquery-ui draggable droppable

我有margin:0px auto;设置的元素,我试图拖动。拖动开始时,元素向左移动,不考虑自动边距。可拖动显着位于光标的左侧。我正在尝试将元素拖动到元素右侧的droppable。由于此偏移,dropable不会激活。如果我调整窗口大小以使自动边距几乎为零,则元素将正确激活可放置的。

我已经尝试了cursorAt,并且在拖动功能中更改了拖动的css,但两者都没有效果。克隆助手也会发生同样的事情。如果我控制了拖动功能,它看起来像是在工作,但元素实际上并没有向右移动到它应该的位置。

start: function(e, ui){
            $(ui.helper).addClass("ui-draggable-helper");
            window.cloneoffset = parseInt($(this).css('margin-left'));
            console.log(window.cloneoffset);
        },
        // cursorAt:{left:window.cloneoffset}
        drag:function(){        
            $('.ui-draggable-helper').css('left',(parseInt($('.ui-draggable-helper').css('left'))+window.cloneoffset)+'px');            
        }

1 个答案:

答案 0 :(得分:3)

Welp,事实证明我通过在可拖动自动部分的可拖动区域周围放置另一个div并从可拖动区域移除了自动边距来解决这个问题。