javascript - 单击事件不适用于 jquery 中动态更改的类

Question

我有两个类 .btnn 和 .sleep_avail 有时我将 anchor 的 css 从 .btnn 更改为 .sleep_avail

现在我有两个 anchor 点击功能

 $('.btnn').click(function () {
     alert('yes btn');
 });

第二个是

$('.sleep_avail').click(function () {
    alert('yes sleep');
});

现在，当我单击具有从 btnn 类动态更改的 sleep_avail 类的 anchor 时，为 btnn 编写的事件引发，我得到相应的响应。但我需要的是应该引发 sleep_avail 事件。请帮忙。

Answer 1

任何时候，你使用动态创建的标签，你必须使用

$(document).on('#event','#selector',function () {...});

所以在这里

$(document).on('click','.sleep_avail',function () {...});

因为事件处理程序绑定(bind)到当前元素，所以当调用 .on() 时它们必须存在于页面上