「MediaWiki:Mobile.js」の版間の差分
ナビゲーションに移動
検索に移動
(ページの作成:「→ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します: var timer = setInterval(function() { if ($('.menu ul:first').lengt…」) |
|||
| 1行目: | 1行目: | ||
/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */ | /* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */ | ||
$(document).ready( function(){ | |||
if ($('.menu ul:first').length) { | if ($('.menu ul:first').length) { | ||
console.log("mobile menu exists"); | console.log("mobile menu exists"); | ||
| 48行目: | 48行目: | ||
}); // if level1 is clicked, dropdown level2 | }); // if level1 is clicked, dropdown level2 | ||
} | } | ||
} | }); | ||
2021年11月6日 (土) 17:52時点における版
/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */
$(document).ready( 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
}
});