Closed ruibaby closed 1 year ago
比如 /moments 页面:
由于 Moments 页面的特殊性,会包含多个 markdown-body 的类。
会生成以下 JS:
document.addEventListener("DOMContentLoaded", function () { document.querySelectorAll(`.markdown-body img`) ?. forEach(function (node) { if (node) { node.dataset.src = node.src; } }); lightGallery(document.querySelector(".markdown-body"), {selector: "img"}); });
其中 lightGallery(document.querySelector(".markdown-body"), {selector: "img"}); 无法为每一个 markdown-body 类初始化 lightGallery,所以会导致页面上只有第一条内容可以点击放大图片。
lightGallery(document.querySelector(".markdown-body"), {selector: "img"});
markdown-body
lightGallery
可能需要使用 document.querySelectorAll().forEach(e => lightGallery(...))。
document.querySelectorAll().forEach(e => lightGallery(...))
比如 /moments 页面:
会生成以下 JS:
其中
lightGallery(document.querySelector(".markdown-body"), {selector: "img"});
无法为每一个markdown-body
类初始化lightGallery
,所以会导致页面上只有第一条内容可以点击放大图片。可能需要使用
document.querySelectorAll().forEach(e => lightGallery(...))
。