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 () {