Один обработчик события .click для нескольких кнопок

Question

Я создаю несколько кнопок на мобильном сайте jQuery динамически. Я создаю их, как это:

$('#Gallery' + i + ' .gallery').after('<button type="button" class="loadMorePhotos">More Photos...</button>'); 

Затем я создаю простой обработчик .click события так:

$(".loadMorePhotos").click(function(){ 
      alert("ok malaka!"); 
}); 

Я был достаточно осторожным НЕ использовать атрибут id для идентификации кнопок, поскольку у меня есть несколько кнопок, и это испортит ситуацию. Вместо этого я использую атрибут class, который, насколько я понимаю, должен работать.

Однако предупреждение не выполняется. Что я могу делать неправильно? Делегация

Answer 1

Событие:

$(document).on("click", ".loadMorePhotos", function(){ 
     alert("ok malaka!"); 
}); 

Поскольку ваши элементы создаются динамически, вы должны привязать обработчик щелчка к элементу, который уже существует в DOM готов (в данном случае, document)