javascript - 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