在页面内容完全加载后使用jQuery在DOM中添加元素

Question

由于javascript，在加载后很容易在页面中添加文本但是我想添加一个带链接的链接，并能够在不重新加载页面的情况下捕获click事件

$("#div").html("<a href='#' id='new'>new link</a>");


// not work, because no 
$("#new").click(function(e) {
    e.preventDefault();
    alert('click');
});

你知道是否有办法吗？

Answer 1

替换

$("#new").click(function(e) {
    e.preventDefault();
    alert('click');
});

带

$(document).on('click','#new',function(e) {
    e.preventDefault();
    alert('click');
});