Javascript 无法将单击事件添加到jquery中动态追加的列表项中

我试着回答问题的答案。这是我的代码：

$（“文档”）.ready（函数（）{
$（“#添加接收器”）。在（“单击”，函数（）{
$（“#userlist”）.append（“
user 1
”；
});
$（“#userlist li”）。在（“单击”，“用户列表项”，函数（）上）{
警报（$（this.text（））；
});
});
。顶部标题{
字体系列：“龙虾”，草书；
字体大小：50px；
文本对齐：居中；
}
.输入框{
位置：相对位置；
左：35%；
顶部：20px；
}
.按钮{
位置：相对位置；
左：30px；
背景色：#4CAF50；
边界：无；
颜色：白色；
填充：12px 20px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：15px；
}
输入[类型=文本]{
宽度：20%；
填充：12px 20px；
利润率：8px0；
框大小：边框框；
边框：3px实心#ccc；
-webkit转换：0.5s；
过渡：0.5s；
大纲：无；
}
输入[类型=文本]：焦点{
边框：3px实心#555；
}
#用户列表{
列表样式类型：无；
宽度：30%；
填充：0；
保证金：0；
}
#用户列表李{
边框：1px实心#ddd；
页边顶部：-1px；
背景色：#f6f6f6；
填充：8px；
文字装饰：无；
字体大小：14px；
颜色：黑色；
显示：块；
}
#用户列表li:悬停：非（.header）{
背景色：#eee；
}

仪表板
欢迎
添加接收器


发送
您需要在委派时从选择器中删除li，因为您的第二个参数现在是单击的对象

  $("#userlist").on("click", '.userlist-item', function() {
    console.log($(this).text());
  });


$（“文档”）.ready（函数（）{
$（“#添加接收器”）。在（“单击”，函数（）{
$（“#userlist”）.append（“
user 1
”；
});
$（“#userlist”）。在（“单击“，”.userlist项”，函数（）上{
console.log（$（this.text（））；
});
});
。顶部标题{
字体系列：“龙虾”，草书；
字体大小：50px；
文本对齐：居中；
}
.输入框{
位置：相对位置；
左：35%；
顶部：20px；
}
.按钮{
位置：相对位置；
左：30px；
背景色：#4CAF50；
边界：无；
颜色：白色；
填充：12px 20px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：15px；
}
输入[类型=文本]{
宽度：20%；
填充：12px 20px；
利润率：8px0；
框大小：边框框；
边框：3px实心#ccc；
-webkit转换：0.5s；
过渡：0.5s；
大纲：无；
}
输入[类型=文本]：焦点{
边框：3px实心#555；
}
#用户列表{
列表样式类型：无；
宽度：30%；
填充：0；
保证金：0；
}
#用户列表李{
边框：1px实心#ddd；
页边顶部：-1px；
背景色：#f6f6f6；
填充：8px；
文字装饰：无；
字体大小：14px；
颜色：黑色；
显示：块；
}
#用户列表li:悬停：非（.header）{
背景色：#eee；
}

仪表板
欢迎
添加接收器


发送
您需要在委派时从选择器中删除li，因为您的第二个参数现在是单击的对象

  $("#userlist").on("click", '.userlist-item', function() {
    console.log($(this).text());
  });


$（“文档”）.ready（函数（）{
$（“#添加接收器”）。在（“单击”，函数（）{
$（“#userlist”）.append（“
user 1
”；
});
$（“#userlist”）。在（“单击“，”.userlist项”，函数（）上{
console.log（$（this.text（））；
});
});
。顶部标题{
字体系列：“龙虾”，草书；
字体大小：50px；
文本对齐：居中；
}
.输入框{
位置：相对位置；
左：35%；
顶部：20px；
}
.按钮{
位置：相对位置；
左：30px；
背景色：#4CAF50；
边界：无；
颜色：白色；
填充：12px 20px；
文本对齐：居中；
文字装饰：无；
显示：内联块；
字体大小：15px；
}
输入[类型=文本]{
宽度：20%；
填充：12px 20px；
利润率：8px0；
框大小：边框框；
边框：3px实心#ccc；
-webkit转换：0.5s；
过渡：0.5s；
大纲：无；
}
输入[类型=文本]：焦点{
边框：3px实心#555；
}
#用户列表{
列表样式类型：无；
宽度：30%；
填充：0；
保证金：0；
}
#用户列表李{
边框：1px实心#ddd；
页边顶部：-1px；
背景色：#f6f6f6；
填充：8px；
文字装饰：无；
字体大小：14px；
颜色：黑色；
显示：块；
}
#用户列表li:悬停：非（.header）{
背景色：#eee；
}

仪表板
欢迎
添加接收器


发送
$（“#用户列表li”）。在（“单击”…应该是$（“#用户列表”）。在（“单击”…，通过单击添加接收器生成
。$（“#用户列表li”）。在（“单击”…应该是$（“#用户列表”）。在（“单击”…，通过单击添加接收器生成
。