jQuery 无法访问附加元素 [英] jQuery can't access append element

问题描述

我在一个函数中有这个:

I have this inside a function:

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

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

I want to create an onclick event for this new <div>. How can I achieve this? I'm trying it like this outside the function:

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

但它不起作用.

推荐答案

对于 jQuery 1.7+，您可以使用 .on()

For jQuery 1.7+ you can attach an event handler to a parent element using .on()

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

甚至更好:

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

这篇关于jQuery 无法访问附加元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！