jquery-ui - 以编程方式将项目从一个可排序连接列表移动到另一个

Question

我有两个可排序的连接列表#left和#right。我想在单击按钮时将所有元素从 #left 移动到 #right。

$('#left li').each(function()
{
    var $this = $(this);
    $this.appendTo('#right');
});

上述函数移动项目，但未触发receive函数。

一个JSFiddle当前状态。

Answer 1

找到了手动触发接收事件的方法

$('#left li').each(function()
{
    var $this = $(this);
    $this.appendTo('#right');

    // Trigger
    $('#right').sortable('option', 'receive')(null, { item: $this });
});

新JSFiddle