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

Question

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

现在我有两个锚点点击功能

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

第二个是

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

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

Answer 1

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

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

所以在这里

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

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

Answer 2

这是工作演示 http://jsfiddle.net/ARBdU/

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

Answer 3

尝试

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