Jquery可以';无法识别项目

Jquery可以';无法识别项目,jquery,html,Jquery,Html,我在点击时将一个li从另一个ul移动到ul,这可以是双向的。在我替换了类之后,jquery是被替换的类 $('.web').click(function() { console.log('Append to deposit'); $('#deposit').append($(this).addClass('deposit').removeClass('web')); }); $('.deposit').click(function() { console.log('Ap

我在点击时将一个li从另一个ul移动到ul,这可以是双向的。在我替换了类之后,jquery是被替换的类

$('.web').click(function() {
    console.log('Append to deposit');
    $('#deposit').append($(this).addClass('deposit').removeClass('web'));
});

$('.deposit').click(function() {
    console.log('Append to web');
    $('#web').append($(this).addClass('web').removeClass('deposit'));
});
结果总是附加到web,因为调用页面时,web类中没有任何项


问题是为什么不向两个方向移动,我将如何修复它?

正如在评论中提到的,您只需要为这些“动态”元素添加一个新的选项。它们被认为是“动态的”,因为它们在DOM结构中移动

因此,代码中的更改很简单:

$('#web').on('click','.web',function() {
  console.log('Append to deposit');
  $('#deposit').append($(this).addClass('deposit').removeClass('web'));
});

$('#deposit').on('click','.deposit',function() {
  console.log('Append to web');
  $('#web').append($(this).addClass('web').removeClass('deposit'));
});

在调用(…)时,
$(“.deposit”)。元素没有
deposit
类。您需要委派活动。谢谢,了解了委派。