4

要素がドラッグされているときに要素の位置を取得したい。

これまでの私のコード:

$(document).ready(function(){


    $("p").text($("div").position().left);
    $("p").text($("div").position().top);

    $("div").draggable();

})

これは、ページが読み込まれたときにのみ位置を取得します。divがドラッグされているときはいつでも検出したいので、その位置をpタグに書き込めます。

4

2 に答える 2

8 
$('#dragThis').draggable(
    {
        drag: function(){
            var offset = $(this).offset();
            var xPos = offset.left;
            var yPos = offset.top;
            $('#posX').text('x: ' + xPos);
            $('#posY').text('y: ' + yPos);
        }
    });

JSFIDDLE

于 2013-08-22T16:20:12.090 に答える
1

jQuery 公式ドキュメントのイベント セクションを参照してください: http://jqueryui.com/draggable/#events

ドラッグ中にdragイベントが発生し、そこからオフセットを取得できます。例えば：

$(this).offset().left;
$(this).offset().top;
于 2013-08-22T16:22:41.937 に答える