droppable沒有註冊掉落

Question

我想讓拖動的列表項在消失時消失（通過添加一個類）。

當我抓住它時，我有控制檯日誌，並且它正在丟棄，但是沒有addClass或日誌消息正在發生。任何幫助非常感謝。

<script type="text/javascript" > 
     $(document).ready(function(){ 
      $('.draggable-demo-product').mousedown(function(){ 
        $(this).addClass('grabbed'); 
        console.log('grabbed'); 
      }); 
      $('.droppable').droppable({ 
       drop: function(){ 
       $('.draggable-demo-product').addClass('dropped'); 
        console.log('dropped'); 
       } 
      });   
     }); 
</script> 

Answer 1

通過使用您的代碼我已經安裝了一個jsFiddle，一切工作正常。檢查您的HTML文件是否包含了所有必需的js庫。

這裏是jsFiddle

$(document).ready(function(){ 
     $('.drag').mousedown(function(){ 
       $(this).addClass('grabbed'); 
       console.log('grabbed'); 
     }).draggable(); 
     $('.drop').droppable({ 
      drop: function(event, ui){ 
      $('.drag').addClass('dropped'); 
       console.log('dropped'); 
      } 
     });   
});