【问题标题】:Original position of a draggable in jQuery UI?jQuery UI 中可拖动对象的原始位置?
【发布时间】:2012-09-10 10:58:25
【问题描述】:

发生掉落时,我需要恢复可拖动对象的原始位置:

$('.article').droppable( {

    drop: function(even, ui){

        // ui.draggable.???
    }
});

由于我的可拖动对象上有一个“revert:”invalid”属性,我假设原始位置存储在某个地方。我怎样才能找到它?

谢谢,

【问题讨论】:

    标签: jquery jquery-ui jquery-ui-draggable droppable


    【解决方案1】:

    您可以使用:ui.helper.position()

    jsBin demo

    var startPos;
    $( ".article" ).draggable({
        revert: "invalid",
        start: function(evt, ui){
            startPos = ui.helper.position();
        }
    });
    
    $(".parent").droppable({
        drop: function(evt, ui){
            // NOW RETRIEVE COORDINATES STORED BY THE DRAGGABLE :START
            var x = startPos.left;
            var y = startPos.top;
            alert(x+' '+y);
        }
    });
    

    【讨论】:

    • 当您拖动一个元素然后将其拖回时,如果您尝试将其拖回,它会被拒绝,有什么解决方法吗?
    • @DannyG 我不明白你的问题。在上面的示例中没有任何内容被拒绝。
    猜你喜欢
    • 2013-02-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-10-25
    • 1970-01-01
    • 2012-08-25
    • 2011-12-30
    • 2011-07-15
    相关资源
    最近更新 更多