jquery - jQuery要素のXとYの位置を取得しています

Question

要素が削除されたら、要素のXとYの位置を取得する必要がありますが、これを実装するにはどうすればよいですか？

ドロップ可能なコールバックを使用する必要があると思います：

$(".portletPlaceHolder").droppable({
    drop: function( event, ui ) {
        //...
    }
});

Answer 1

メイト、ドキュメントのページ全体を読む必要があります。

すべてのコールバックは2つの引数を受け取ります。元のブラウザイベントと準備されたUIオブジェクトです。このオブジェクトのドキュメントについては、以下を参照してください（2番目の引数に「ui」という名前を付けた場合）。

• ui.draggable-現在のドラッグ可能な要素、jQueryオブジェクト。
• ui.helper-現在のドラッグ可能なヘルパー、jQueryオブジェクト
• ui.position-ドラッグ可能なヘルパーの現在の位置{上：、左：}
• ui.offset-ドラッグ可能なヘルパーの現在の絶対位置{上：、左：}

ドロップ可能なjQueryマニュアル

$(".portletPlaceHolder").droppable({
    drop: function (evt, ui) {
        var offset = ui.offset;
        console.log(offset.left + "x" + offset.top);
    }
});

Answer 2

.offset（）を使用します

<script>
   var p = $("p:last");
   var offset = p.offset();
   p.html( "left: " + offset.left + ", top: " + offset.top );
</script>

http://api.jquery.com/offset/

アップデート

http://www.jquery4u.com/snippets/jquery-coordinates-element/#.T7YW7Nz9Mi0 http://www.quirksmode.org/js/dragdrop.html http://samples.msdn.microsoft.com/workshop/ samples / author / dhtml / refs / clientX.htm

これは、カーソル移動のAwsm ShowDynamicCoordinatesです。

http://www.diffusedreality.com/content.html

Answer 3

position()上下の位置を取得する関数を使用できます

$('yourselector').position();