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