Jquery不绑定到新的附加元素

Question

我发现默认情况下JQuery不会绑定新插入的元素。 这是一个片段，显示了我想要解释的内容。

http://jsfiddle.net/8hf5r/2/

$('#chg-em').on('click', function(e) {
    $('.local').empty().append('<p id="orange-juice">orange juice<p>');
    e.preventDefault();
});

$("#orange-juice").on('click', function() {
    alert('ola');
});

哪个可能是解决方案？ :( 感谢。

Answer 1

使用委派活动：

$(".local").on('click', '#orange-juice', function() {
    alert('ola');
});

在此处了解委派活动：http://api.jquery.com/on/#direct-and-delegated-events