MediaWiki:Minerva.js

/* 这里的任何JavaScript将为使用MinervaNeue皮肤的用户加载 */

/* All JavaScript here will be loaded for users of the MinervaNeue skin */
var timer = setInterval(function() {
     if ($('.menu ul:first').length) {
         console.log("mobile menu exists");
         clearInterval(timer);
         $('.menu ul:first').after(
             '<ul class="toggle-list__list"> \
                    <li class="toggle-list-item"> \
                    <a class="toggle-list-item__anchor" href="/wiki/合眾百科" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-bellOutline-base20"> \
                    <span class="minerva-icon minerva-icon--infoFilled"></span> \
                    <span class="toggle-list-item__label">關於我們</span> \
                    </a> \
                    </li> \
                    <li class="toggle-list-item"> \
                    <a class="toggle-list-item__anchor" href="/wiki/特殊:最近變更" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-mf-expand mw-ui-icon-small"> \
                    <span class="minerva-icon minerva-icon--recentChanges"></span> \
                    <span class="toggle-list-item__label">最近變更</span> \
                    </a> \
                    </li> \
                    <li class="toggle-list-item"> \
                    <a class="toggle-list-item__anchor" href="/wiki/合眾百科:新手使用指南" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-star-base20"> \
                    <svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#54595d" d="M96 0C43 0 0 43 0 96L0 416c0 53 43 96 96 96l288 0 32 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-64c17.7 0 32-14.3 32-32l0-320c0-17.7-14.3-32-32-32L384 0 96 0zm0 384l256 0 0 64L96 448c-17.7 0-32-14.3-32-32s14.3-32 32-32zm32-240c0-8.8 7.2-16 16-16l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16zm16 48l192 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-192 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/></svg> \
                    <span class="toggle-list-item__label">&nbsp;&nbsp;新手使用指南</span> \
                    </a> \
                    </li> \
                    <li class="toggle-list-item"> \
                    <a class="toggle-list-item__anchor" href="/wiki/特殊:隨機頁面" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-star-base20"> \
                    <span class="minerva-icon minerva-icon--unStar"></span> \
                    <span class="toggle-list-item__label">隨機頁面</span> \
                    </a> \
                    </li> \
                    <li class="toggle-list-item"> \
                    <a class="toggle-list-item__anchor" href="/wiki/特殊:貢獻分數" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-star-base20"> \
                    <span class="minerva-icon minerva-icon--base20"></span> \
                    <span class="toggle-list-item__label">貢獻分數</span> \
                    </a> \
                    </li> \
                    <li class="toggle-list-item"> \
                    <a class="toggle-list-item__anchor" href="/wiki/特殊:建立新頁面" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-edit-base20"> \
                    <span class="minerva-icon minerva-icon--edit"></span> \
                    <span class="toggle-list-item__label">建立新頁面</span> \
                    </a> \
                    </li> \
               </ul>'
          );
          $(".menu").find(".level2").hide(); // hide level2 until level1 is clicked
          $(".level1").click(function(event){ 
               $(this).find(".level2").slideToggle(500);
          }); // if level1 is clicked, dropdown level2
     }
}, 100); // check every 100ms