【问题标题】:jqueryui draggable reposition offset while dragging拖动时jqueryui可拖动重新定位偏移
【发布时间】:2013-03-04 19:15:02
【问题描述】:

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

我已经尝试过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');            
        }

【问题讨论】:

    标签: jquery css jquery-ui draggable droppable


    【解决方案1】:

    Welp,结果我解决了这个问题,在可拖动对象周围放置另一个 div,该 div 执行边距自动部分,并从可拖动对象中删除了自动边距。

    【讨论】:

    • 这是完美的。我使用this jquery extension 帮助轻松链接这个想法,因此它不会在多个拖动操作中使用.unwrap('.selector'); 继续展开
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-23
    • 2017-05-22
    • 2013-10-22
    • 1970-01-01
    相关资源
    最近更新 更多