「MediaWiki:Mobile.js」の版間の差分
ナビゲーションに移動
検索に移動
| (同じ利用者による、間の4版が非表示) | |||
| 1行目: | 1行目: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
[{ | |||
"title": "カテゴリ", | "title": "カテゴリ", | ||
"dropdown": [{ | "dropdown": [{ | ||
"title": "初心者向け", | "title": "初心者向け", | ||
"href": "/カテゴリ:初心者向け" | "href": "/カテゴリ:初心者向け" | ||
}, { | |||
"title": "建築", | |||
"href": "/カテゴリ:建築" | |||
}, { | |||
"title": "ディメンション", | |||
"href": "/カテゴリ:ディメンション" | |||
}, { | |||
"title": "モブ", | |||
"href": "/カテゴリ:モブ" | |||
}, { | |||
"title": "プラグイン", | |||
"href": "/カテゴリ:プラグイン" | |||
}] | }] | ||
}] | }].forEach(function(value, i) { | ||
$('#p-navigation').append( | $('#p-navigation').append( | ||
'<ul class="navigation-btn">' + | '<ul class="navigation-btn">' + | ||
'<li><a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"><span>' + value.title + '</span></a></li>' + | '<li><a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"><span>' + value.title + '</span></a></li>' + | ||
'<ul class="navigation-content">' + | '<ul class="navigation-content">' + | ||
value.dropdown.map(value | value.dropdown.map(function(value) { | ||
return '<li><a href="' + value.href + '" class="mw-ui-icon mw-ui-icon-before"><span>' + value.title + '</span></a></li>' | return '<li><a href="' + value.href + '" class="mw-ui-icon mw-ui-icon-before"><span>' + value.title + '</span></a></li>' | ||
}).join('') + | }).join('') + | ||
'</ul>' | '</ul>' | ||
); | ); | ||
$(".navigation-btn").find(".navigation-content").hide().click(function(event) { | $(".navigation-btn").last().find(".navigation-content").hide(); | ||
$(".navigation-btn").last().click(function(event) { | |||
$(this).find(".navigation-content").slideToggle(500); | $(this).find(".navigation-content").slideToggle(500); | ||
}); | }); | ||
}); | }); | ||
}); | }); | ||
2021年11月6日 (土) 20:04時点における最新版
$(document).ready(function() {
[{
"title": "カテゴリ",
"dropdown": [{
"title": "初心者向け",
"href": "/カテゴリ:初心者向け"
}, {
"title": "建築",
"href": "/カテゴリ:建築"
}, {
"title": "ディメンション",
"href": "/カテゴリ:ディメンション"
}, {
"title": "モブ",
"href": "/カテゴリ:モブ"
}, {
"title": "プラグイン",
"href": "/カテゴリ:プラグイン"
}]
}].forEach(function(value, i) {
$('#p-navigation').append(
'<ul class="navigation-btn">' +
'<li><a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"><span>' + value.title + '</span></a></li>' +
'<ul class="navigation-content">' +
value.dropdown.map(function(value) {
return '<li><a href="' + value.href + '" class="mw-ui-icon mw-ui-icon-before"><span>' + value.title + '</span></a></li>'
}).join('') +
'</ul>'
);
$(".navigation-btn").last().find(".navigation-content").hide();
$(".navigation-btn").last().click(function(event) {
$(this).find(".navigation-content").slideToggle(500);
});
});
});