javascript - 切换类会使事件功能无效？

Question

我认为这会起作用，但每当我单击类名为 one 的元素并且它更改为名为 two 的类时，我都无法使 second 事件起作用。我在这里缺少什么？

//first event
$('.one').on('click', function () {

  $('.one').attr('class', 'two');

});


//second event
$('.two').on('click', function () {

  $('.two').attr('class', 'one');

});

Answer 1

您需要将事件委托(delegate)给静态父级..问题是，因为您似乎在每次更改类时都动态更改您需要绑定(bind)事件的类。所以委托(delegate)它应该可以解决这个问题。

你也可以把它写成一个单一的事件..

$('body').on('click','.one' , '.two', function() {

     if( $(this).hasClass('one'){
          function1();
     }
     else if( $(this).hasClass('two'){
         function2();
     }
     $(this).toggleClass('one two');
});