为多个元素 添加了事件 ，连续点击不同的事件 ，事件里动态添加的元素一闪而过？_span 按钮点击会闪一下

为多个元素 添加了事件 ，连续点击不同的事件 ，事件里动态添加的元素一闪而过

  markers[i].on("click", () => {
              // var aa = await
              L.popup({
                autoClose: false,
                closeOnClick: true,
                minWidth: "300",
                className: "popClass1"
              })
                .setLatLng([this.site[i].lat, this.site[i].lng])
                .setContent(
                  `<div >
                  <span style="height:50px;line-height:50px ">反馈图片：</span>
                  <ul id="ulFather">
                 </ul>
                 <div style="height:50px;line-height:50px " >
                 <span>反馈内容：</span>${
                   Boolean(this.site[i].content)
                     ? this.site[i].content
                     : "暂无反馈内容"
                 }<br/>
                 </div>
                 <div>
                  <span>经度：${
                    this.site[i].lng
                  }<br /></span><br /><span>纬度：${
                    this.site[i].lat
                  }<br /></span>
                 </div>
               </div>
              `
                )
                .openOn(map);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

为每个 点添加 事件 图片添加在ul元素的 后面 ，在设置 setContent 时添加的动态元素 添加 setTimeout 完美解决问题 ，但没有想明白为啥