fancyapp 的 addEventListener 加载失败

Question

我只是在试用 Fancybox 4，将其添加到旧的静态 html 图库中。我在头部添加了：

<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" />

按照说明，我图库中的每张缩略图都链接到一张大图：

<a href="01-Makeup.jpg" data-fancybox="gallery"><img src="01-Makeup-tb.jpg" alt="Makeup" /></a>

单击缩略图会直接在同一 window 中打开图像，替换页面。在控制台中，显示以下错误：

Uncaught TypeError: Cannot read property 'addEventListener' of null
    at Function.value (fancybox.umd.js:2)

显然还需要一些其他初始化，但我不知道缺少什么。谁能帮我解决这个问题？

Answer 1

因此，偶然发现了同样的问题，只需在页脚中加载脚本即可。如果您正在使用主题队列，请添加 true 用于在页脚加载。

然后就可以了

希望对您有所帮助！ :)

fancyapp 的 addEventListener 加载失败

fancyapp's addEventListener fails on load

addeventlistener