附加html后的Javascript函数

Question

我的javascript函数有问题：

$(".like-btn").click(function () { .. }

这个功能在我的javascript之后不再被触发了，我做了像

这样的事情

 $("#1021").append("'<button type="submit" class="btn btn-default like-btn" ... .etc ");

所以基本上我需要在我的页面上添加更多html之后触发我的jquery。

Answer 1

由于like-btn类是动态添加的，因此您需要使用event delegation来注册事件处理程序，如下所示：

// New way (jQuery 1.7+) - .on(events, selector, handler)
$('#1021').on('click', '.like-btn', function(event) {
    event.preventDefault();
    alert('testlink'); 
});