如何将元素从一个列表移动到另一个列表

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); 
    }) 
});