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中的容器选择器。

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