jquery - toggleclass 不绑定点击事件

Question

向我的按钮添加了一个类，并尝试在 onclick 事件之后启动，但不工作。非常简单的代码为什么事件不绑定我做错了什么？

http://jsfiddle.net/davidThomas/n2WUn/3/

---

$(".remove-participant").on("click",function(){
$(this).html('Approve');
$(this).toggleClass('add-participant');
 });

$(".add-participant").on("click",function(){
alert('why no alert?');
$(this).html('Waitlist');
$(this).toggleClass('add-participant');
});

Answer 1

您正在动态删除和添加类，因此您的事件绑定不再可用。解决此问题的一种方法是使用事件委托。

$(document).on("click", ".remove-participant", function () {
    $(this).html('Approve');
    $(this).toggleClass('add-participant');
});

 $(document).on("click", ".add-participant", function () {
    alert('why no alert?');
    $(this).html('Waitlist');
    $(this).toggleClass('add-participant');
});

而不是document使用在任何给定时间点都存在于 DOM 中的容器选择器。

查看您的脚本，您可以使用一个事件处理程序将其绑定到另一个您不切换的类（您需要添加特定元素）。