一个.click事件处理程序，用于多个按钮

Question

我正在动态创建jQuery移动网站中的一些按钮。我像这样创建它们：

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

然后我创建一个简单的.click事件处理程序，如下所示：

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

我非常谨慎 NOT 使用id属性来识别按钮，因为我有多个按钮，这会搞砸。相反，我使用的class属性据我所知应该起作用。

但是，警报永远不会执行。我在这里做错了什么？

Answer 1

活动授权：

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

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