jquery - .on 方法在 Firefox 21.0 中不起作用

Question

下表将在 Safari 5.1.9 和 Chrome 中呈现并显示表单。表格将呈现，但表单不会在 Firefox 21.0 中显示：

    $.each(json, function(index, value) {
        var posttimestamp = value.Post_timestamp;

    if(value.Post_timestamp != check) {
    var newpost='y';
        }
else {
    var oldpost='y';
        }

if(newpost) {
        $('#table2').append('<tr><td id="posttopic" colspan="2"><a href="forum24.php"    id=' + posttimestamp + '>' + topic + '</a></td><td></td></tr><tr><td id=' + "post" + posttimestamp + '>' + posttimestamp +'</td><td  id='+ "post" +posttimestamp+ 'colspan="3">' + post_txt + '</td><td>' + postuser + '</td><td>' + breed + '</td></tr>');

    }                       

      })

    $('td#posttopic').on("click", function(e) {
    e.preventDefault();
    var getid = event.target.id;
    alert(getid); // not working in Firefox

    $('div.form').show(); //not working Firefox

})

Answer 1

.on() 可用于 DOM 准备好后添加的元素，例如：

$('table').on("click", 'td#posttopic', function(e) {

这样，事件也绑定到任何未来的元素（例如在您的情况下）。