运行后添加div标签时，Javascript在div标签中不起作用

Question

当我点击并模糊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动态添加，因此请尝试委派event。

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