Javascript 当通过Ajax加载Div时，Click有时不起作用

在得到ajax成功响应后，我将在html中添加div。 例如：

我用这个跨距添加了5-10个div，这个函数随机运行，我的意思是，如果在第四个跨距上单击，则单击不起作用，有时在第1个跨距上单击不起作用，有时它对所有跨距都起作用。 更令人困惑的是，第一次点击不起作用，第二次点击起作用

---

有人以前有过这个问题吗？

将事件发送给已经存在的家长。

$（文档）.on（“单击“，”.slick自定义箭头”，函数（）{
警报（'单击'，$（this.html（））
});
$.ajax({
url:“http://dummy.restapiexample.com/api/v1/employees",
cache:false，
成功：函数（html）{
forEach（函数（el，idx）{
if（idxWe）除非我们看到更多相关代码，否则我们无法对此提供帮助。请尝试创建一个.since is dynamic added element事件，该事件应该像$（document）这样执行。on（'click'，'element'，function（）{}）使用jquery live events作为@Ivansaid@ivan我也尝试了你的代码，但仍然没有点击。可能是html结构会有所帮助：
这些span显示在图像上，用于滑动到下一个图像
live
事件已被弃用。请使用
On
而不是此。这不起作用。live event是已弃用，在jquery 1.9之后使用.onstill相同的问题。@aneeb查看更新的答案。感谢您的答案，但我发现问题是父div的单击被触发，而不是触发我单击的元素的单击。
<span class="slick-custom-arrow slick-prev" onclick="slickSlides(this);return false;"><svg width="30" height="37" viewBox="0 0 30 37" fill="none" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#pro-arrow-left"></use></svg></span>

function slickSlides(el){
    console.log("clicked");
}