使用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();
    }
});

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