javascript - 如何检测正在拖动哪个div

Question

我有一个库存 div，里面有多个 div。我需要弄清楚哪个插槽被拖动，这是我的代码。拖动 div 时，我必须将选定的插槽设置为我的库存类中的那个插槽。我无法让它工作。

var numOfSlots = 6;

for(var i = 1; i <= numOfSlots; i++){
  $("#slot"+i ).draggable({
      zIndex: UIlayer++
      start: function(){
         var thestring = $(this).attr('id');
         var thenum = thestring.replace(/^\D+/g, '');
         self.setSelectedSlot(thenum);
    }

  $("#slot" + i).data({
      'initLeft': $("#slot" + i).css('left'),
      'initTop': $("#slot" + i).css('top')
  });
}

Answer 1

不确定我是否完全满足您的要求，但是怎么样

html:

<div class="slot" data-id="1">1</div>
<div class="slot" data-id="2">2</div>

js:

$(".slot" ).draggable();

$(".slot").on("dragstop", function() {
   console.log($(this).data("id")); 
});

将根据您拖动的 div 将 1 或 2 记录到控制台。 fiddle