运行后添加 div 标签时，Javascript 无法在 div 标签中工作

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 6 年前。

当我点击并模糊div时，最后创建了另一个div，但是当我模糊div刚刚添加的内容时，javascript不起作用，请告诉我，为什么？以及如何修复。

感谢您的提前。样本是: http://jsfiddle.net/a4QNB/420/

js:

var contents = $('.changeable1').html();
$('.changeable1').blur(function() {
        $('#addItem').before('<div class=\"changeable1\" contenteditable=\"true\"> Click this div to edit it </div>');
});

Answer 1

新的 div 正在动态添加，因此请尝试委托(delegate)事件。

var contents = $('.changeable1').html();
$('body').on('blur','.changeable1',function() {
        $('#addItem').before('<div class="changeable1" contenteditable="true"> Click this div to add an other div </div>');
});

注意:您使用的是 jquery 1.6。 on 在此版本中不可用

JSFIDDLE