Нажмите событие не работает для динамически изменившегося класса в JQuery

Question

У меня есть два класс .btnn и .sleep_avail иногда я меняю CSS на якоре от .btnn к .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')) 
{  
    ... 
} 
});