javascript - 如何在jquery中获取可放置div的索引位置

Question

我正在使用拖放功能。我想要一个 div 的索引位置，它在每次下降后下降 1 ,2,3 ......

我使用了 .position() 和 .offset() 方法，但它给了我以 px 为单位的顶部和左侧索引位置，我的代码是

$(".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);
   }
});

Answer 3

下面的代码给出了每次 5 的索引值。

drop: function(event, ui) {
   alert($(event.target).index());
}

我的代码如下

$("#sortable").droppable({
       helper: "clone",
       drop: function (event, ui) {
          alert($(ui.placeholder).index());
       }
 });