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");
});