如何將元素從一個列表移動到另一個列表

Question

我想將元素從一個列表（A）移動到另一個列表（B）。
問題是，我想對列表A的元素進行排序，並且我使用list.js庫，女巫非常好。

在這裏你可以看到一切是如何工作的：

http://jsfiddle.net/Danny182/yzeupzrt/15/

的問題是，如果我用一個選項進行排序列表中，我名錄B移動的元素追溯到名單A.
你可以從小提琴中看到它！

這是我使用的是從一個列表元素移動到另一個代碼：

$('.add').click(function() { 
    var id = this.id; 
    $("li#p-"+ id + "").detach().appendTo('#your-team'); 

有人能幫助我嗎？

謝謝

Answer 1

試試這個：

$('.add').click(function() { 
    var id = this.id; 
    //$('#your-team').append($("li#p-"+ id + "").html()); 
    $("li#p-"+ id + "").detach().appendTo('#your-team'); 

    //$("li#p-"+ id + "").remove(); 
    userList = new List('players', options); 
    //userList = new List('players', options); 
}) 

Answer 2

var userList; 
$(document).ready(function(){ 
//FUNCTION TO SORT THE LIST A. 
    var options = { 
     valueNames: ['teame', 'role', 'name', 'value', 'team' ] 
    }; 

    userList = new List('players', options); 

    $('#teams').change(function() { 
     var selection = this.value; 
     console.log (selection); 
     if (selection == "tutte") { 
      userList.filter(); 
      return false; 
     } 
     userList.filter(function(item) { 

     if (item.values().team == selection) { 
      return true; 
     } else { 
      return false; 
     } 
     }); 
     return false; 
    }); 
    //THIS FUNCTION DETACHES THE ELEMENTS FROM LIST A AND IT APPENDS IT TO THE LIST B 
    $('.add').click(function() { 
     var id = this.id; 
     //$('#your-team').append($("li#p-"+ id + "").html()); 
     $("li#p-"+ id + "").detach().appendTo('#your-team'); 
     //$("li#p-"+ id + "").remove(); 
     userList = new List('players', options); 
     //userList = new List('players', options); 
    }) 
});