如何在jquery中获取droppable div的索引位置

时间:2013-01-23 10:34:26

标签: javascript jquery html css

我正在使用拖放功能。 我想要一个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等指数位置

3 个答案:

答案 0 :(得分:3)

试试这个:

 drop: function(event, ui) {

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

    }

工作演示:http://jsfiddle.net/Fep8h/

答案 1 :(得分:0)

检查一下:)

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

答案 2 :(得分:0)

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

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

我的代码正在关注

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