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

我有两个类.btnn和.sleep\u avail有时我会将锚点的css从.btnn更改为.sleep\u avail

现在我有两个锚点击功能

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

第二个是

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

现在，当我点击带有sleep_avail类的锚点时（该锚点从btnn类动态更改），为btnn编写的事件会引发，我会得到相应的响应。但我需要的是，睡眠有益的事件应该被提出。请帮忙。

试试看

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

---

任何时候，如果使用动态创建的标记，则必须使用

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

所以这里

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

---

由于事件处理程序绑定到当前元素，因此在调用

.on（）

时，它们必须存在于页面上

---

有很多帖子都有相同的问题。搜索SO。一把小提琴解释重现问题的步骤，以及期望的效果会有很大帮助

$(document).on('click','.btnn, .sleep_avail',function () {  
 if($(this).hasClass('btnn'))
 {
    ...   
 }
 else if($(this).hasClass('sleep_avail'))
 {      
   ...
 }
});