用jquery写动态html

Question

鉴于this fiddle什么是阻止HTML呈现？

的JavaScript

$(document).ready(function(){ 
    function loadDiv(divId) { 
     $('#' + divId).html('<table><tr><td class="editable" id="' + divId + '">Edit Me</td></tr></table>'); 
    } 

    $('td.editable').click(function() { 
     var cellId = $('td.editable').attr('id'); 
     alert(cellId); 
    }); 

    loadDiv(div1); 
    loadDiv(div2); 
}); 

我的目的是点击的细胞从它变成一个输入字段和后面的文章，但我不知道为什么它不渲染。

Answer 1

您需要在您的div id周围添加引号。

loadDiv("div1"); 
loadDiv("div2"); 

http://jsfiddle.net/pp6nv/1/

由于表在页面加载后加入，你将不得不使用.on()。

$('body').on("click", "td.editable", function() { 
    var cellId = $(this).prop('id'); 
    alert(cellId); 
}); 

http://jsfiddle.net/pp6nv/3/