在jquery中附加元素后选择一个元素

Question

我添加了一个元素：

$("#usernames_list").append("<li class='username_item'>" + item.username + "</li>")

然后我尝试选择新添加的元素：

$(".username_item").bind('click', function(){
    alert("asdas");
})

也尝试了这个：

$(".username_item").click(function(){
    alert("asdas);
})

警报功能无效。

如何解决这个问题？所有其他答案都无济于事

Answer 1

您可以这样添加：

var $container = $("#usernames_list");
var liClick = function() {
    alert("ok");
}

$container.on('click', '.username_item', liClick);

以下是示例：http://fiddle.jshell.net/scg32rzh/3/

Answer 2

您的代码应该按原样运行，但效果不是很好。

最简单，最有效的方法是继续引用您创建的元素，这样您就不必再次研究它了：

var $container = $("<li class='username_item'>" + item.username + "</li>");
$container.appendTo($("#usernames_list"));

通过这种方式，您可以轻松注册您的听众：

$container.click(function(){
    alert("asdas");
})