jQuery 可以 removeClass 但不能为具有 .on ("click"的元素添加类)

Question

我想要一个在单击时打开并在单击按钮 .c-btn 时关闭的框。我已经在父 div 上设置了委托(delegate)事件处理，这允许删除 .speaker__item--expanded 但它无法添加 .speaker__item--collapsed。

如果我在开发工具中手动删除 .speaker__item--collapsed 并添加 speaker__item--expanded ，关闭按钮就会起作用，所以我认为它与方式有关我已经设置了我的 .on 点击功能，但我不知道如何修复它。

这是 jsfiddle:https://jsfiddle.net/rhdcd5am/

Answer 1

这是因为它是您单击的动态创建的元素。

改变

$('.c-btn').click(function() {

到

$(document).on('click','.c-btn', function() {

这将解决它。