JQuery нажмите не защелкивания на бутстраповской Col-мд DIV

Question

У меня есть DIV, который просто определяется как:

<div class="col-md-4 single-signup wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s"> 

В нем некоторое содержание, например, следующее:

<p><a id="clickme" href="#">Please do!</a> click click click.</p> 

Проблема заключается в том , мой обработчик событий вообще не работает. Событие выглядит следующим образом:

$(document).ready(function() { 
    $('#clickme').click(function(){ 
    alert("test"); 
    }); 
}); 

Теперь, что странно, что когда я удалить все бутстраповскую/вау анимацию из класса сНа, и просто сырой <div></div>, обработчик работает, как ожидался.

Что может быть причиной этой проблемы?

Answer 1

Если внутренний html изменяется, а затем заменяется другим плагином, тогда эта замена может удалить существующие прослушиватели событий.

Вы можете использовать делегирование событий при условии, что ваш id="clickme" все еще существует после модификации

$(document).on('click', '#clickme', function(){ 
    alert("test"); 
});