如何检测元素是否位于另一个元素之上

Question

我想在我的情况下执行拖放操作。

我想在我的一个元素中应用droppable，所以当拖动元素放入droppable元素时，第二个元素将添加另一个类。

HTML

<div id='drag'>
   <img src='http://i60.tinypic.com/1191gxt.jpg' />
   <img src='http://i60.tinypic.com/1191gxt2.jpg' />
</div>

<div id ='drop'>
   <img src='object.jpg'/>
</div>

JS

$('#drag').draggable();
$('#drop').droppable({
            drop: function(event, ui){
              $(this).addClass( "ui-state-highlight" )
            }
        })

我的代码似乎不起作用。任何人都可以帮助我发生了什么非常感谢！

Answer 1

检查了您的代码并且它正在运行：jsfiddle

回答：检查是否正在加载依赖项（jQuery，jQuery UI），并在加载文档后调用脚本。还要确保放置区域上的图像存在或至少设置了#drop的尺寸。