javascript - ドラッグ可能な要素のライブ位置を取得

Question

次の問題を解決する方法の手がかりを持っている人がいるかどうかを知りたいです。

私はたくさんのdivを持っています

<div id="one"></div>
<div id="two"></div>
<div id="three"></div>

それらはすべてjquery uiでドラッグ可能です

var $divs = $('#one, #two, #three')
$divs.draggable({   
     start: dragStart, cursor: 'move', stop: dragEnd        
      });

私がしたいのは、ドラッグされた要素の現在の位置をリアルタイムで取得して、ドラッグされた div がたとえば次の場合にイベントがトリガーされるようにすることです。

if($('#two').position().left <= 500) { /*baadaboom*/ }

div をポイントにドラッグします。

左は1000px

その場合はすぐに

500px未満

発火するはずです！