「MediaWiki:Mobile.js」の版間の差分

← 古い編集

MediaWiki:Mobile.js (ソースを閲覧)

2021年11月6日 (土) 20:04時点における版

100 バイト追加、 2021年11月6日 (土) 20:04

編集の要約なし

Fa0311

approved、ビューロクラット、インターフェース管理者、管理者

133

回編集

@@ 1行目: / 1行目: @@
-/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */
 $(document).ready(function() {
-     $('.menu').append(
+     [{
-        '<ul class="level1"> \
+        "title": "カテゴリ",
-                <li> \
+        "dropdown": [{
-                    <a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
+            "title": "初心者向け",
-                    <span>Dropdown Links</span> \
+            "href": "/カテゴリ:初心者向け"
-                    </a> \
+        }, {
-                </li> \
+            "title": "建築",
-                <ul class ="level2"> \
+            "href": "/カテゴリ:建築"
-                    <li> \
+        }, {
-                    <a href="/wiki/Link_1" class="mw-ui-icon mw-ui-icon-before"> \
+            "title": "ディメンション",
-                    <span>Link 1</span> \
+            "href": "/カテゴリ:ディメンション"
-                    </a> \
+        }, {
-                    </li> \
+            "title": "モブ",
-                    <li> \
+            "href": "/カテゴリ:モブ"
-                    <a href="/wiki/Link_2" class="mw-ui-icon mw-ui-icon-before"> \
+        }, {
-                    <span>Link 2</span> \
+            "title": "プラグイン",
-                    </a> \
+            "href": "/カテゴリ:プラグイン"
-                    </li> \
+        }]
-                    <li> \
+    }].forEach(function(value, i) {
-                    <a href="/wiki/Link_3" class="mw-ui-icon mw-ui-icon-before"> \
+        $('#p-navigation').append(
-                    <span>Link 3</span> \
+            '<ul class="navigation-btn">' +
-                    </a> \
+            '<li><a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"><span>' + value.title + '</span></a></li>' +
-                    </li> \
+            '<ul class="navigation-content">' +
-                </ul> \
+            value.dropdown.map(function(value) {
-             </ul>'
+                return '<li><a href="' + value.href + '" class="mw-ui-icon mw-ui-icon-before"><span>' + value.title + '</span></a></li>'
-    );
+            }).join('') +
-    $(".menu").find(".level2").hide();
+             '</ul>'
-    $(".level1").click(function(event) {
+        );
-        $(this).find(".level2").slideToggle(500);
+        $(".navigation-btn").last().find(".navigation-content").hide();
+        $(".navigation-btn").last().click(function(event) {
+            $(this).find(".navigation-content").slideToggle(500);
+        });
      });
 });