jQuery的點擊不閂鎖到引導col-md 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></div> ，處理程序將按預期工作。

可能是什么原因導致此問題？

Answer 1

如果內部html被修改，然后由另一個插件替換，則該替換可以刪除現有的事件偵聽器。

您可以使用事件委托，假設修改后id="clickme"仍然存在

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