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

尝试

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

Answer 3

这里是工作DEMOhttp://jsfiddle.net/ARBdU/

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