MediaWiki:Mobile.js: Difference between revisions
From Kirby Speedrunning Wiki
Jump to navigationJump to search
(Created page with "→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: /* Taken from: https://www.mediawiki.org/wiki/Topic:Vqy1kx6q4e0bzvyb var timer = setInterval(function() { if ($('.menu ul:first').length) { console.log("mobile menu exists"); clearInterval(timer); $('.menu ul:first').after( '<ul> \...") |
No edit summary Tags: Mobile edit Mobile web edit |
||
Line 1: | Line 1: | ||
/* Add to MediaWiki:Mobile.js for custom Mobile Menu links | /* Add to MediaWiki:Mobile.js for custom Mobile Menu links | ||
for MW-1.34.2 with MobileFrontend and MinervaNeue | for MW-1.34.2 with MobileFrontend and MinervaNeue | ||
Just replace span text and href to add links */ | Just replace span text and href to add links */ | ||
var timer = setInterval(function() { | var timer = setInterval(function() { | ||
Line 9: | Line 8: | ||
clearInterval(timer); | clearInterval(timer); | ||
$('.menu ul:first').after( | $('.menu ul:first').after( | ||
'<ul> \ | '<ul class="level1"> \ | ||
<li> \ | <li> \ | ||
<a href=" | <a href="#" \ | ||
class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ | class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \ | ||
<span> | <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> \ | </a> \ | ||
</li> \ | </li> \ |
Revision as of 02:20, 28 June 2023
/* 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> \ </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