javascript - jQuery 无法访问追加元素

Question

我在一个函数中有这个:

$('#users').append($("<div id='usuarios'>").text(mensaje[1][i]));

我想为这个新的 <div> 创建一个 onclick 事件.我怎样才能做到这一点？我在函数外这样尝试:

$(document).ready(function(){
$('#usuarios').click(function() {
        alert("click");
    });
});

但它不起作用。

Answer 1

对于 jQuery 1.7+，您可以使用 .on() 将事件处理程序 append 到父元素。

$(document).ready(function(){
  $('body').on('click', '#usuarios', function() {
     alert("click");
  });
});

或者更好:

$(document).ready(function(){
  $('#users').on('click', '#usuarios', function() {
     alert("click");
  });
});