0

要素 (ドラッグ可能) を別の要素 (ドロップ可能) 内にドラッグしています。ドロップすると、オブジェクトがドロップ可能な div に複製されます。ただし、位置情報がないため、複製されたオブジェクトは左が 0、上が 0 です。私のコードは次のとおりです。

$('#objects div').draggable({revert: 'invalid', helper: 'clone'});
$('#objects').droppable({});
$('.ace').droppable({
    drop:function(e, ui){

        var clone = $(ui.draggable).clone();
        var parent = $('.ace');

        ui.draggable.detach();
        clone.appendTo(parent);

    }               
});

コンテナーの位置に対してドラッグされたオブジェクトの位置を計算し、データをクローンの位置に設定する必要があることはわかっていますが、ドロップ可能なメソッドからドラッグされたオブジェクトの位置を取得できず、ドラッグ可能なメソッドからオブジェクトを適切に複製することもできませんでした。

私は何が欠けていますか？前もって感謝します！

4

1 に答える 1

1 
e.pageX 
e.pageY

ドロップされた要素の位置情報が得られます。 aを実行console.log(e)して、ei オブジェクトから取得できるすべてのものを確認します

于 2013-10-18T16:07:53.377 に答える