javascript - 如何在“drop”事件中获取“ui.draggable”的原始位置？

Question

我将“可拖动”对象拖动到“可放置”对象。我想知道该位置是否已经有东西。我已经这样做了（没有 jQuery UI）。

1. 我可以用 jQuery UI 以某种方式做到这一点吗？

2. 如果已经存在对象，则拖动的对象必须恢复到原始位置。如何获得ui.draggable“drop”事件中的原始位置？

谢谢。

Answer 1

看看以下，这可能会有所帮助

$(document).ready(function() {
    var x;
    var y;
    $("#div1").mousedown(function(e) {
        var pos = $(this).offset();
        x = e.pageX - pos.left;
        y = e.pageY - pos.top;
        //alert(x + "," + y);
        $("#drag").show().css({
            top: y,
            left: x
        });
        $("#drag").draggable();
    });
    $("#div1").mouseup(function(e) {
        var pos = $(this).offset();
        var a = e.pageX - pos.left;
        var b = e.pageY - pos.top;
        alert("Start-Top:" + y + "Start-Left" + x + "End-Top" + b + "End-Left" + a);
    });
});​

Answer 2

如果在此 div 之外和其他可拖动对象内部（使用无效和有效的还原选项），您可以从上一篇文章中找到答案Draggable revert

演示在这里http://jsfiddle.net/htWV3/1/