jquery动态创建的元素如何触发click事件

今天写项目时偶然发现，我用的jquery的追加（）动态创建的元素点击之后没有反应，

查阅资料后才知道需将单击事件绑定在其父级标签上。

例如：

HTML：

<按钮>还想吃</按钮>
<div class =“swrap”>
	 <div class =“lotteryTags”>海鲜火锅</ div>
	 <div class =“lotteryTags”>鸡公煲</ div>
	 <div class =“lotteryTags”>重庆小面</ div>
	 <div class =“lotteryTags”>烧烤</ div>
</ DIV>

JS：

$（ “按钮”）。点击（函数（）{
	$（“。swrap”）。append（“<div class ='lotteryTags'>再来一份</ div>”）;
}）
$（ “lotteryTags”）。点击（函数（）{
	警报（ “还想吃”）
}）

此时，当你点击再来一份时会发现没有任何反应，这时就需要将点击事件绑定在其父级元素上，如下：

$（ “swrap ”）。在（“ 点击”， 'lotteryTags'，函数（）{
	警报（ “终于吃饱了”）
}）;

这样，问题就解决了，可以去吃饭饭啦！