javascript - Jquery - 使用toggleClass时单击处理程序

Question

这个问题已经有答案了:

jQuery click event not working after adding class (7 个回答)

已关闭 7 年前。

最好通过示例来描述该问题:

JS:

$(function () {
   $('.classA').on('click', function () { functionA() );
   $('.classB').on('click', function () { functionB() });
} 

var functionA = function()
{
    alert('I am function A');
    $('.classA, .classB').toggleClass('classA classB');
}

var functionB = function ()
{
    alert('I am function B');
    $('.classA, .classB').toggleClass('classA classB');
}

问题很简单，但我很难解决:正如预期的那样，按下 A 类 div 后，调用函数 A，A 类切换到 B 类，但下次我按下同一个 div 时，函数 A 仍然是被调用，而我希望函数 B 被调用。我做错了什么？？？

Answer 1

您可以delegate the event从文档到具有适当类的元素，然后应用 jQuery's toggleClass function到那个事件。

   $(document).on('click','.classA', function () { 
       alert('I am function A');
       $('.classA, .classB').toggleClass('classA classB');
    });

   $(document).on('click','.classB', function () { 
      alert('I am function B');
     $('.classA, .classB').toggleClass('classA classB'); 
    });