onclick event jquery+angular trigger click event 3 times

Question

I am using Jquery + Onsen UI which uses Angular. I can't get de element event click using

$(element).click(function(){});

Then I am using this way

  $(".list").on("click",".item-from-list",function(){

Ok, now it works. The problem is: The list is inside an ons-carousel that has 3 slides with 3 different lists, but with the same class that I want to get click.

When I click in some list item, It triggers the click event 3 times. What should I do?

Thanks.

Answer 1

Have you tried looking at event.stopPropagation()?

Description : Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.

https://api.jquery.com/event.stoppropagation/