javascript - 使用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/