jQuery .on ('click') не будет работать над будущими добавленными элементами

Question

У меня есть код Javascript, который выполняет функцию всякий раз, когда элемент с условием кликается. Проблема в том, что если новый элемент такого типа будет добавлен позже, он не обнаружит его кодом. Это мой код:

$("li[data-episode]").on('click', function() { 
    setTimeout(Aradmey_Later, check_timeout); 
}); 

Как его исправить, чтобы он всегда работал, даже на будущих элементах?

Answer 1

Вы на правильном пути. Но вы должны передать его с контейнера элемента или объекта, как document

$(document).on('click', 'li[data-episode]', function() {...}); 

Answer 2

Вы должны использовать $(document), так как они динамически добавляются элементы управления

$(document).on('click', "li[data-episode]", function() { 
    setTimeout(Aradmey_Later, check_timeout); 
});