javascript - jqueryでドロップ可能なdivのインデックス位置を取得する方法

Question

ドラッグアンドドロップ機能を使用しています。各ドロップの後に1、2、3...のようにドロップされるdivのインデックス位置が必要です。

.position（）メソッドと.offset（）メソッドを使用しましたが、ピクセル内の上部と左側のインデックス位置が表示されます。コードは次のとおりです。

$(".workArea").droppable({
drop: function( event, ui ) {
var y = ui.position.left();
var z = ui.position.top();

ドロップするたびに、1、2、3のようなインデックス位置を取得するのを手伝ってください

Answer 1

これを試して：

 drop: function(event, ui) {

        alert($(event.target).index());

    }

実際のデモ: http://jsfiddle.net/Fep8h/

Answer 2

これをチェックして ：）

 var postionA = value1;
 var postionB = value2;
$("#div").droppable({
   drop: function( event, resp ) {
      console.log(resp.positionA,resp.positionB,resp.target);
   }
});