javascript - jqueryで動的に変更されたクラスでクリックイベントが機能しない

Question

.btnn と .sleep_avail の 2 つのクラスがありますが、アンカーの css を .btnn から .sleep_avail に変更することがあります。

今私はアンカークリックのための2つの機能を持っています

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

そして2つ目は

$('.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 () {