javascript - jquery click 不锁定 bootstrap 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 类中删除所有 bootstrap/wow 动画时，只有一个原始的 <div></div> ，处理程序按预期工作。

什么可能导致这里出现问题？

Answer 1

如果内部 html 被修改然后被另一个插件替换，那么该替换可以删除现有的事件监听器。

假设您的 id="clickme" 修改后仍然存在，您可以使用事件委托(delegate)

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