jQuery UI的操作方法：点击一个按钮，发送整个排序列表到另一个标签

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'的按钮（考虑将其放置在第一个标签处）时，将触发以下代码。它会查找并移动从“sortable1”到“sortable2”的所有li项目，然后切换到第二个选项卡。

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

Answer 2

考虑到按钮是一个具有类转印物品，其HREF指向标签的物品容器中的物品将是转移到一个链路（在UI示例＃突片-1＃突片-2）：

$('a.transfer-items').click(function() { 
    var itemsContainer = $('#tabs .ui-state-selected a').attr('href'); 
    var newList = $($(this).attr.href() + '.connectedSortable'); 
    $(itemsContainer + ' .connectedSortable li').each(function(index, element) { 
    $(element).appendTo(newList); 
    }); 
});