jquery - 使用 jquery 删除对象时获取 div id

Question

我想在拖放到 div 时获取拖动项目的 div id。我的问题是，当我把它放到第 3 层时，它也会读取第 1 层和第 2 层。我想要的只是第 3 层，因为它是悬停的。

请考虑下面的代码。

提前致谢。

<div>

<img class="item" src="img.jpg"/>
</div>
<div id="layer1" class="droppable" style="width:100px; height : 100px ;">
 <div id="layer2" class="droppable" style="width:70px; height : 70px; ">
  <div id="layer3" class="droppable" style="width:50px; height: 50px">
           Drop an image here    </div>
  </div>
</div>    
<script>
$(function(){
 $(".droppable").droppable({ accept : 'item' , drop : Calldropp });    
 function Calldropp (){
    <!-- what to do here -->
  }

})
</script>

Answer 1

尝试使用event.stopPropagation：

$(function(){
    $(".droppable").droppable({ accept : 'item' , drop : Calldropp });    
    function Calldropp (event){
        event.stopPropagation();
    }
});

这应该会阻止最内部元素的丢弃传播。