我想要在拖放到div中时获得被拖拽的项的div id。我的问题是,当我把它放到第三层时,它也会读取第一层和第二层。我只想要第三层,因为它是悬停的。
请考虑下面的代码。
提前谢谢。
<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>发布于 2013-08-26 15:15:38
尝试使用event.stopPropagation
$(function(){
$(".droppable").droppable({ accept : 'item' , drop : Calldropp });
function Calldropp (event){
event.stopPropagation();
}
});这应该会在最内层的元素停止丢弃传播。
https://stackoverflow.com/questions/18438387
复制相似问题