Question

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

我可以用jQuery UI以某种方式吗？
如果已存在对象，则拖动的对象必须恢复到原始位置。如何在“drop”事件中获取ui.draggable的原始位置？

感谢。

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

您可以在上一篇文章Draggable revert if outside this div and inside of other draggables (using both invalid and valid revert options)

中找到答案

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

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

2 个答案: