я есть несколько классов на странице с тем же именем. Затем у меня есть событие .click () в моем JS. Я хочу, чтобы событие нажатия происходило только один раз, независимо от нескольких классов на моей странице.

Сценарий таков, что я использую AJAX для добавления в корзину. Иногда на главной странице может присутствовать рекомендуемый продукт и лучшее предложение, что означает, что там находится один и тот же класс .add. # Productid #, и при нажатии кнопки «Добавить в корзину» дважды запускается AJAX.

Я думал о создании «областей щелчков», чтобы у меня было .container-name .add. # Pid #, поэтому я давал уникальные клики.

Это единственное решение?

<div class="addproduct 151">product info</div>
<div class="addproduct 151">product info</div>
<div class="addproduct 151">product info</div>
<div class="addproduct 151">product info</div>
<div class="addproduct 151">product info</div>


$(".addproduct").click(function(){//do something fired 5 times});