MediaWiki:Mobile.js
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* All JavaScript here will be loaded for users of the mobile site */ /* 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-wikimedia-unStar-progressive"> \ <span>Collections</span> \ </a> \ </li> \ <ul class ="level2"> \ <li> \ <a href="/Clothing" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Clothing</span> \ </a> \ </li> \ <li> \ <a href="/Furniture" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Furniture</span> \ </a> \ </li> \ <li> \ <a href="/Meals" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Meals</span> \ </a> \ </li> \ <li> \ <a href="/Critters" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Critters</span> \ </a> \ </li> \ <li> \ <a href="/Characters" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Characters</span> \ </a> \ </li> \ <li> \ <a href="/Ingredients" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Ingredients</span> \ </a> \ </li> \ <li> \ <a href="/Fish" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Fish</span> \ </a> \ </li> \ <li> \ <a href="/Crafting" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Crafting</span> \ </a> \ </li> \ <li> \ <a href="/Foraging" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Foraging</span> \ </a> \ </li> \ <li> \ <a href="/Gems" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Gems</span> \ </a> \ </li> \ <li> \ <a href="/Memories" \ class="mw-ui-icon mw-ui-icon-before"> \ <span>Memories</span> \ </a> \ </li> \ </ul> \ </ul> \ <ul> \ <li> \ <a href="/Clothing" \ class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-star-base20"> \ <span>Clothing</span> \ </a> \ </li> \ <li> \ <a href="/Furniture" \ class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-star-base20"> \ <span>Furniture</span> \ </a> \ </li> \ <li> \ <a href="/Premium Shop" \ class="mw-ui-icon mw-ui-icon-before mw-ui-icon-wikimedia-star-base20"> \ <span>Premium Shop</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