jQuery的添加事件触发

Question

我的标记类：

<ul id="playerControls"> 
    <li class="play-bt"></li> 
</ul> 

而且我有这个事件触发如果播放按钮被按下：

$(".play-bt").bind('click',function(){ 
    $(this).toggleClass('pause-bt'); 
}); 

现在我假设play-bt类名已经改为pause-bt，但如何走到这一步的事件：

$(".pause-bt").bind('click',function(){ 
    console.log('PEW'); 
}); 

是不是被开除了？

Answer 1

现在我假设.play-bt类名已被更改为 pause-bt。

toggleClass不能这样工作。

toggleClass是addClass和removeClass的组合。

toggleClass将检查指定的类是否存在。

• 如果是这样，它将从元素中删除它。
• 如果没有，则将其添加到元素中。

---

关于你提到的事件不火的原因，这是因为你必须绑定的是click事件之前分配类pause-bt。

bind()在当前点处搜索与选择器相匹配的所有元素，并将该函数分配给事件处理函数。

您需要可以重新绑定这个事件，或使用live()代替bind()

live()：

附加的事件处理当前 选择现在和未来的匹配这，所有的元素。

http://api.jquery.com/live/

Answer 2

.bind()只捕获当时存在的元素。由于你的元素最初没有这个类，所以没有绑定。根据您的jQuery版本，您需要.live()或.on()。

Answer 3

因为当你拳头设置绑定，你靶向元素没有这个类。使用jQuery。在（）函数并绑定到容器是这样的：

$('#playerControls').on('click', '.pause-bt', function(){ 
     console.log('PEW'); 
}); 

本次活动将开火#playerControls，在这一点，它会然后找.paust-BT