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')) 
{  
    ... 
} 
});