0

こんにちは、ユーザーが複数の DIV を作成できるようにするプロトタイプを作成しています。DIV が作成されるとドラッグ可能になり、ドロップされると DIV 内の x と y の位置が表示されます。

問題は、いくつかの DIV を作成すると、それらはすべてドラッグ アンド ドロップできますが、最初の DIV の位置がすべて表示されることです。

http://jsfiddle.net/aX92L/

jQuery

$(function () {
    $("#add").click(function () {
        $("body").append('<div class="note"><p>note</p></div>');
        $(".note").draggable();
        $("body").droppable({
            accept: '.note',
            activeClass: 'ui-state-hover',
            hoverClass: 'ui-state-hover',
            drop: function (event, ui) {
                var position = $(".note").position();
                $(".note").text("left: " + position.left + ", top: " + position.top);

            }
        });
    });
});

誰かが助けることができれば、それは大歓迎です。

4

1 に答える 1

1

使用するui.helper

$(function () {
    $("#add").click(function () {
        $("body").append('<div class="note"><p>note</p></div>');
        $(".note").draggable();
        $("body").droppable({
            accept: '.note',
            activeClass: 'ui-state-hover',
            hoverClass: 'ui-state-hover',
            drop: function (event, ui) {
                var position = $(ui.helper).position();
                $(ui.helper).text("left: " + position.left + ", top: " + position.top);

            }
        });
    });
});
于 2013-12-02T15:20:59.963 に答える