2

HTMLファイルで、1つのアイテムをドラッグしてターゲットにドロップしたいと思います.別のアイテムを同じ位置にドロップしたいとします.そのとき、両方のアイテムをオーバーライドする必要があります.両方のアイテムをオーバーライドする場合は、新しいアイテムを元に戻す必要があります.元の位置に。新しいアイテムを元の位置に戻す方法を教えてください。これが私のコードです。

$(function () {
    $(".draggable2").draggable({
        revert: "invalid"
    });
    $("#droppable").droppable({
        drop: function () {
            //var xPos = offset.left;
            //var yPos = offset.top;    
            //alert( $(this).position().left );         
            $(this).find("p").html("Yes,it is dropped!");
        }
    });
});

JSFiddle は : here

-ありがとう。

4

1 に答える 1

2

droppableドラッグしてそこで使用するオブジェクトを有効にする必要がrevertあります。

このような：

$(".draggable2").droppable({
    greedy: true,
    tolerance: 'touch',
    drop: function (event, ui) {
        ui.draggable.draggable('option', 'revert', true);
    }
});

デモについては、このフィドルを参照してください

このSOの質問も参照してください

于 2013-08-07T14:02:09.953 に答える