Click事件不适用于jquery中动态更改的类

Question

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

现在我有两个锚点击功能

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

第二个是

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

现在，当我点击具有类sleep_avail的锚点时，它会从btnn类动态更改为btnn写入的事件，我会得到相应的响应。 但我需要的是应该提出sleep_avail的事件。 请帮助。

Answer 1

无论何时，您都必须使用动态创建的标签

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

所以在这里

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

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

Answer 2

这是工作DEMO 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 () {