jQuery droppable不能正常工作

Question

我正在嘗試實現我認爲是jQuery中的一個簡單的可拖動操作。我需要可拖動的項目才能更改數字ID。這些項目是可拖動的，但是當我將它們拖放到放置目標時，警報不會觸發。我的代碼如下：

<script> 
    $(function() { 
     $(".draggable").draggable(); 
     $(".trash").droppable({ 
      accept: ".draggable", 
      drop: function(event, ui) { 
       alert('dropped'); 
      } 
     }); 
    }); 
    </script> 


<div id="5" class="draggable"><p>Drag to target</p></div> 

<div id="trash"><p>Drop here</p></div> 

Answer 1

可放置的選擇器應該是#trash，引用到div的id而不是它的class屬性。

$("#trash").droppable ...