event.stopPropagation（）根本不工作

Question

出于某种原因，我<div data-load-more></div>上的点击事件会触发我点击它的次数，直到我刷新页面为止。

$('[data-load-more]').css('display','block').on('click.load-more', function(event){
  event.preventDefault();
  event.stopPropagation();
  alert('clicked');
});

此处提及：jQuery on() stopPropagation not working? 所以检查了目标

console.log(event.target);

并显示正确的<div data-load-more></div>

如何解决此问题。有没有办法清除div上的click事件？

Answer 1

尝试以下方法：

$('[data-load-more]').css('display','block').on('click.load-more', function(event){
  if ($(event.target).is('[data-load-more]')) {
  alert('clicked');
  }
});