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

时间:2013-12-31 13:52:17

标签: javascript jquery

我正在使用两个无序列表之间的一些jquery移动列表项,并且可以使它与两者一起使用

$('#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');  
 });

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

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

提前感谢Rob

1 个答案:

答案 0 :(得分:0)

我不确定这是否有帮助,但我会尝试定义这样的事件:

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

等...

在我看来:我的代码正在使用JQuery live event。 如果您想按照自己的方式进行操作,则应在每次前置/附加后刷新事件点击定义。