MW211 EXIT

devlog
jQueryUI/draggableのドロップ時イベント
2017年06月01日
ドラッグが終わった時点(いわゆるドロップの時点)で、
親要素からの相対座標を表示する。
┌──────────────────────────────────────┐
│<div id="draggable">コンテンツ</div>                                        │
├──────────────────────────────────────┤
│<script>                                                                    │
│$('#draggable').draggable({                                                 │
│    stop    :function(event, ui) {                                          │
│        alert('X:' + $(this).position().left + '\n'                         │
│            + 'Y:' + $(this).position().top);                               │
│    }                                                                       │
│});                                                                         │
│</script>                                                                   │
└──────────────────────────────────────┘
なお、ページからの絶対座標を表示するには、
「position()」を「offset()」に置換すればよい。
分類:jQuery