Javascript onclick侦听器无法处理动态dom内容

对于jquery上的几个事件，我需要添加元素，但在该元素上不会触发click事件。我也尝试在ready函数中添加侦听器，但没有成功。任何人都请帮忙

$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var toAdd=$（'input[name=checkListItem]'）。val（）；
$（'div.list'）。追加（''+toAdd+''）
});
});
$（'.item next'）。单击（函数（）{
警报（）
});

寻找听众
寻找听众
单击以添加




列表
附加事件元素无法正常单击。请尝试使用

 $(document).on()

学习（）上的
on（）
$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var toAdd=$（'input[name=checkListItem]'）。val（）；
$（'div.list'）。追加（''+toAdd+''）
});
});
$（文档）。在（'单击'，'上。项目下一步'，函数（）{
警报（“它的工作”）
});

寻找听众
寻找听众
单击以添加




列表
尝试在
'checkListItem'

var toAdd = $("input[name='checkListItem']").val();

动态创建元素时，请使用以下结构作为事件侦听器：

$(document).on('click','.item-next',function(){
  alert();
});

试试这个（已解决）。
$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var toAdd=$（'input[name=checkListItem]'）。val（）；
$（'div.list'）。追加（''+toAdd+''）
});
$（'div.list'）。在（'click'，'item next'，function（）上{
$（this.html（$（this.html（）+“单击”）
警报（'单击'+$（this.html（））；
});
});


寻找听众
寻找听众
单击以添加




列表
这对你有用吗


$（文档）.ready（函数（）{
$（“#按钮”）。单击（函数（）{
var toAdd=$（'input[name=checkListItem]'）。val（）；
$（'div.list'）。追加（''+toAdd+''）
});
$（document）.on（“单击“，”.item next”，function（）{alert（“myalert”）}）
});

寻找听众
寻找听众
单击以添加




列表
查看超链接。我的答案已发布。请访问该链接