On Click on Buttons при создании на лету

Question

У меня есть два класса кнопок, при нажатии, я хочу, чтобы что-то произошло.

у меня есть:

$('.btn-comment, .btn-youtube').click(function(){ 

Это используется для работы, когда кнопки были статичными. Теперь они создаются ad hoc.

Я попытался это:

$('.btn-comment, .btn-youtube').on('click', function(){ 

Но не повезло.

Answer 1

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

$(document).on('click', '.btn-comment, .btn-youtube', function() { 
    ... 
}); 

Answer 2

Это не так, как это работает. Вы должны добавить делегирование в родительский элемент. Тот, кто будет страдать от модификации.

Вы можете сделать это со всем документом:

$(document).on('click', '.btn-comment, .btn-youtube', function(){ ... }); 

Но было бы лучше сделать это с измененным элементом.

Answer 3

ЗАКАНЧИВАТЬ документы jQuery для .on(). Вы должны использовать:

$('body').on('click', '.btn-comment, .btn-youtube', function(){ ... }); 

Проблема с кодом, что если .btn-comment, .btn-youtube будут вставляются динамически, то они, вероятно, не существует в точке, в которой вы пытаетесь прикрепить обработчики событий. Вышеприведенная строка кода прикрепляет обработчик к body, но активируется только элементами, соответствующими второму аргументу ('.btn-comment, .btn-youtube').

И в идеале вы заменили бы 'body' ближайшим предком, в который вставляются новые элементы.