django - 单击标记 safari 时不会打开弹出窗口

Question

我正在显示来自 django 模型的位置，例如带有弹出窗口的标记:
我的 View 文件

<script>
        const MAP_KEY = "{{ MAP_KEY }}";
        const added_place_json = JSON.parse('{{ added_place_json | escapejs}}');
</script>

我的js文件

for (const place of added_place_json){
L.marker([place.fields.lat, place.fields.long]).bindPopup(
    `<div class="card" style="width: 15rem;">\n` +
    ` <h6 class="card-header">Name place:<br>${place.fields.name}</h6>\n` +
    `  <div class="card-body">\n` +
    `    <p class="card-text" style="overflow: scroll">Place comment:<br>${place.fields.comment}</p>\n` +
    `  </div>\n` +
    `</div>`
).addTo(map)

};
这在谷歌浏览器上运行良好，但在 safari 上不起作用。当我点击 safari 中的标记时，没有任何 react

Answer 1

这是 Leaflet 1.7.1 的一个 bug，见 Leaflet #7255
在传单的最新主版本中，它正在工作，请参阅 Issue Comment
所以我建议将您的 Leaflet-src 从 Leaflet Release 1.7.1 更改为 Github 上的 master 分支