MediaWiki:Mobile.js

    来自真佛百科
    蓮花祖泉讨论 | 贡献2024年2月26日 (一) 12:47的版本

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

    • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
    • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
    • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
    • Opera:Ctrl-F5
    /* 这里的任何JavaScript将为使用移动版网站的用户加载 */
     /* Add to MediaWiki:Mobile.js for custom Mobile Menu links 
      for MW-1.34.2 with MobileFrontend and MinervaNeue 
      Just replace span text and href to add links */
       
      var timer = setInterval(function() {
           if ($('.menu ul:first').length) {
               console.log("mobile menu exists");
               clearInterval(timer);
               $('.menu ul:first').after(
                     '<ul class="level1"> \
                          <li> \
                          <a href="#" \
                                class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                          <span>Dropdown Links</span> \
                          </a> \
                          </li> \
                          <ul class ="level2"> \
                               <li> \
                               <a href="/wiki/Link_1" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Link 1</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="/wiki/Link_2" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Link 2</span> \
                               </a> \
                               </li> \
                               <li> \
                               <a href="/wiki/Link_3" \
                                     class="mw-ui-icon mw-ui-icon-before"> \
                               <span>Link 3</span> \
                               </a> \
                               </li> \
                          </ul> \
                     </ul> \
                     <ul> \
                          <li> \
                          <a href="/wiki/Second_Link" \
                                class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                          <span>Second Link</span> \
                          </a> \
                          </li> \
                                 <li> \
                          <a href="/wiki/Second_Link" \
                                class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                          <span>third Link</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