Почему код при клике выполняется 2 раза?

Question

[Mishcake]

Привет. Не смог нагулить ответ на вопрос. Есть код:

$(function () {
  $('.select_problem .field-input-block label').click(function () {
      console.log(this);
  });
});

При клике выводит в консоль 2 строчки. Почему? Как это починить?

P.S. В рабочем коде я по клику добавляю/убираю класс (toggleClass), но из-за двойного действия класс добавляется и сразу убирается :)

Comments

[Ярослав Иванов]

jQuery в 2022? Зачем? Нативный JS уже больше 5 лет умеет то, что делал jQuery

А по вопросу: У меня на сайте фон зеленого цвета. Подскажите тоже почему?

[Mishcake]

Ярослав Иванов, сайт из 2010-х, всё написано на jquery, поэтому мне кажется, что удобнее накидать простую фигню на нём)

[Ярослав Иванов]

Mishcake, Ну если так то да. В целом весь код прикладывайте чтобы понятнее было.

[Mishcake]

Ярослав Иванов, после ответа Вадима понял, что проблема кроилась в html, поэтому буду иметь в виду на будущее

Answer 1

[Вадим]

Скорее всего потому, что у Вас инпут лежит внутри label.
Если в таком случае вешать обработчик на label то будет двойное срабатывание.
Можно повесить на сам инпут, либо связать лэйбл с инпутом через for

Comments

[Ярослав Иванов]

[Mishcake]

Так и есть, инпут внутри лейбла лежал. Повесил обработчик на инпут, теперь код срабатывает 1 раз. Спасибо огромное!

[Mishcake]

Ярослав Иванов, не понимаю, почему вас так бомбит, что вы уже в двух комментах отметились своими подколами.

[Ярослав Иванов]

Mishcake, just for fun