jQuery UI 如何: Click a button and send the whole sortable list to another tab

Question

我正在使用 jquery 可排序列表，其中显示了选项卡 http://jqueryui.com/demos/sortable/#connect-lists-through-tabs

我需要它做的是按一个按钮，说“SEND ALL TO TAB 2”，选项卡 1 的所有项目都会发送到选项卡 2。 拜托，我真的需要这个。 谢谢。

Answer 1

这个想法是在选项卡 1 中查找所有列表项，并将它们附加到选项卡 2 列表中。

当按下 id 为“send_all”的按钮(考虑将其放置在第一个选项卡)时，将触发以下代码。它查找并将所有 li 项从“sortable1”移动到“sortable2”，然后切换到第二个选项卡。

$('#send_all').bind({
    'click': function(){ 
        $('#sortable1 li').each(function(){
            $(this).appendTo('#sortable2');
        });
        $tabs.tabs('select', 1 );
    }
});