jquery ui拖放 - 在drop上调用函数

Question

我希望在将项目放入div时执行alert('dropped');。 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处理程序，而不是drop的{​​{1}}。试试这个：

draggable()

Updated fiddle