jQuery UI中可拖动的原始位置?

时间:2012-09-10 10:58:25

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

当发生跌落时,我需要恢复可拖动的原始位置:

$('.article').droppable( {

    drop: function(even, ui){

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

由于我的draggable上有一个“revert:”无效的“属性”,我认为原来的位置是存储在某个地方。我怎么能找到它?

谢谢,

1 个答案:

答案 0 :(得分:7)

您可以使用: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);
    }
});