javascript - 多个按钮的一个 .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）