События JavaScript не запускаются после добавления динамического элемента

Вы столкнулись с проблемой, из-за которой события JavaScript не запускаются после добавления новых элементов в DOM . Это связано с тем, что jQuery распознает присутствующие элементы только при первом запуске во время загрузки страницы.

Чтобы решить эту проблему, вам необходимо использовать делегирование событий для захвата событий из динамических элементов. Делегирование событий предполагает перехват событий на более высоком уровне в DOM, которые уже присутствовали во время загрузки страницы. Это позволяет событиям от вновь добавленных элементов всплывать и обрабатываться.

В вашем случае вы можете делегировать событие клика родительскому элементу, который присутствовал во время загрузки страницы. Например, вы можете изменить свой код JavaScript, чтобы использовать метод on() следующим образом:

$(document).on('click', '.races', function(e) {
  // Your code here
});

Таким образом, любые новые элементы, добавленные с помощью класса «.races», будут наследовать обработчик события щелчка. Не забудьте использовать метод on() вместо click() при реализации делегирования событий.