События с динамически добавленными классами

Question

У меня есть форма, в которой класс кнопки динамически изменяется, в зависимости от того, откуда идет запрос. Я пытаюсь захватить событие onclick, но он не принимает динамически добавленный класс. Я убедился, что класс добавляется к кнопке. Где я могу ошибиться.

Отрывки -

$('.button').removeClass('oldClass'); 
    $('.button').addClass('newClass'); 

    <button class = "button">Button</button> 

OnClick -

 $('.newClass').click(function(){ 
      alert("test"); 
    }); 

код не получит на это событие событие, хотя класс кнопка меняется на NewClass.

Благодаря

Answer 1

Вот причина, когда вы связать событие щелчка элемент имеет другой класс.

Try somesthing так:

$('body').on('click', '.newClass', function() { 
     alert('test'); 
    }); 

Example

Answer 2

Установка обработчиков событий с помощью методов, таких как .bind (или ярлыки, как .click) устанавливаются только для элементов, которые в настоящее время соответствуют селектору. Если вы хотите настроить обработчик событий для элементов, которые в настоящее время соответствуют, а также все будущие совпадения, вы должны использовать .on.

Answer 3

Вы можете попробовать добавить функцию щелчка непосредственно к кнопке при загрузке DOM и просто использовать .hasClass(), чтобы проверить, был ли применен newClass или нет.

$('.button').click(function() { 
    if($(this).hasClass('newClass')) { 
     //Code for new class click 
     alert('test'); 
    } 
}); 

JSFiddle: http://jsfiddle.net/yRySK/1/

Answer 4

Я установил проблему, используя метод делегата, предоставленную JQuery.

$('body').delegate('.newClass','click', delegatefunction); 

function hasClass() { 
    alert("Hello!!"); 
} 

Спасибо за помощь.