event.stopPropagation() not working at all

Question

for some reason my click event on <div data-load-more></div> is triggers number of times I clicked it until I refreshed the page.

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

referred here: jQuery on() stopPropagation not working? so checked the target

console.log(event.target);

and it shows the correct one which is <div data-load-more></div>

How do fix this issue. Is there a way to clear click event on the div or something?

change `event.preventDefault(); event.stopPropagation();` with `return false;` — guradio, Jul 28 '16 at 04:48

score 0 · Answer 1 · answered Jul 28 '16 at 05:04

0

Try the following:

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

answered Jul 28 '16 at 05:04

madalinivascu

32,064
4
39
55

still the same. I think it doesn't work because the target is [data-load-more] and not anything else like body. – 112233 Jul 28 '16 at 05:13
can you replicate the behavior in jsfiddle ?\ – madalinivascu Jul 28 '16 at 05:14

event.stopPropagation() not working at all

1 Answers1