一个.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!");
});

因为您的元素是动态创建的,所以必须将click处理程序绑定到已准备好DOM的元素(在本例中document)