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

Question

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

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

上面的函数会移动项目，但不会触发receive函数。

当前状态的JSFiddle。

Answer 1

找到一种手动触发receive事件的方法

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

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

新JSFiddle