MediaWiki:Common.js

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
/* 卡面滚动 */
window.addEventListener("scroll", () => {
  const bg = document.querySelector(".card_fullscreen-img");

  if (window.scrollY > 10) {
    bg.classList.add("scrolled");
  } else {
    bg.classList.remove("scrolled");
  }
});


/* 小传折叠 */
console.log("Common.js 已加载");

document.addEventListener("DOMContentLoaded", function(){
    console.log("DOM 已加载");

    var stories = document.querySelectorAll(".card_content_story");
    console.log("找到 story 数量:", stories.length);

    stories.forEach(function(story, index){

        console.log("初始化 story:", index);

        var toggle = story.querySelector(".card_content_story-toggle");
        var texts = story.querySelectorAll(".card_content_story-text");

        console.log("找到 toggle:", toggle);
        console.log("找到 text 数量:", texts.length);

        if(!toggle) return;

        toggle.addEventListener("click", function(){
            console.log("点击触发");

            var collapsed = toggle.getAttribute("data-collapsed") === "true";
            console.log("当前 collapsed:", collapsed);

            texts.forEach(function(el){
                el.style.display = collapsed ? "block" : "none";
            });

            toggle.setAttribute("data-collapsed", collapsed ? "false" : "true");
            toggle.innerText = collapsed ? "[ 折叠全部 ]" : "[ 展开全部 ]";
        });

    });

});