如何檢測元素是否在另一個元素的頂部

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用戶界面）被加載和文件加載後的腳本調用。還要確保放置區域上的圖像存在或至少設置了#drop的尺寸。