附加 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'); 
});