Javascript js点击脚本添加的li

我点击“我的链接1”，我收到了“我点击了”->OK
我点击“添加行”按钮，它会添加我的链接2->确定
我点击刚刚添加的“我的链接2”，什么也没发生。->KO

欢迎任何帮助

这是我的密码

<ul style="list-style-type: none;padding-left: 0px;" id="listitems">
  <li ><a href="#" id="mylink">my link 1</a></li>
</ul>
<button onclick="addrecepitem();" id="btnrecepajouter">Add line</button>

<script>
function addrecepitem(){
document.getElementById('listitems').innerHTML += '<li id="mylink">my link 2</li>';
}

$('#mylink').click(function(){
alert('I clicked on ');
}

</script>

添加行
函数addrecepitem（）{
document.getElementById（'listitems'）.innerHTML+='
我的链接2
'；
}
$（'#mylink'）。单击（函数（）{
警报（“我点击了”）；
}

当元素尚未生成时，事件处理程序在开始时设置

在窗口上设置事件处理程序，如下所示：

$('window').on('click', '.link', function(e) {
     alert('I clicked on', e.Target);
});

---

无论如何，为不同的元素设置相同的id是不好的做法。请尝试改用类。

您在代码中犯了一些基本的和概念上的错误

id应相同，因此不应使用重复的id

您正在对特定id使用单击事件。因此，此事件仅在您单击该元素时触发。我已根据您的要求进行了一些更新。请立即检查

var计数器=2；
函数addrecepitem（）{
document.getElementById（'listitems'）。innerHTML+='


添加行

您的单击处理程序似乎缺少结束符（

）

。请使用

类

而不是

id