jQuery在无序列表之间移动LI元素

Question

我正在玩一些jquery在2个无序列表之间移动列表项，并且可以使两者同时使用

$('#l2 li').click(function(){
  $('#l1).append($(this))
});
$('#l1 li').click(function(){
  $('#l2).append($(this))
});

和

 $('#l1 li').click(function(){
      $(this).detach().prependTo('#l2');
 });

 $('#l2 li').click(function(){
    $(this).detach().prependTo('#l1');  
 });

麻烦的是，一旦元素被移动，就可以将其移回原始列表。

我希望将其用作某种团队选择器，因此希望对添加和删除项进行多次更改。

预先感谢罗布

Answer 1

我不确定这是否会有所帮助，但我会尝试定义如下事件：

$('body').on('click', '#l1 li',function(e){
//do the detach baby
});

等等...

我认为：我的代码正在使用JQuery live event 。 如果要以自己的方式进行操作，则应在每次添加/添加后刷新事件单击定义。