jquery ui拖放 - 調用下降功能

Question

我想alert('dropped');執行時，我將項目放入div。 drop事件處理程序似乎不起作用。

$('.dropme').sortable({ 
    connectWith: '.dropme', 
    cursor: 'pointer' 
}).droppable({ 
    accept: '.button', 
    activeClass: 'highlight', 
    drop: function(event, ui) { 
     var $li = $('<div>').html('List ' + ui.draggable.html()); 
     $li.appendTo(this); 
     alert('dropped'); 
    } 
}); 

這裏是一個小提琴鏈接：http://jsfiddle.net/8snSf/2195/

諮詢感謝一如既往。

Answer 1

問題是因爲它是sortable()插件，它啓用了拖放行爲。因此，您需要使用該插件的stop處理程序，而不是draggable()的drop。試試這個：

$('.dropme').sortable({ 
    connectWith: '.dropme', 
    cursor: 'pointer', 
    stop: function(event, ui) { 
     var $li = $('<div>').html('List ' + ui.item.html()); 
     $li.appendTo(this); 
     alert('dropped'); 
    } 
}); 

Updated fiddle