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

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

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

761 バイト除去、 2021年11月6日 (土) 18:41

編集の要約なし

Fa0311

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

133

回編集

@@ 1行目: / 1行目: @@
 /* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */
-$(document).ready( function(){
+$(document).ready(function() {
-     if ($('.menu ul:first').length) {
+    $('.menu').append(
-         console.log("mobile menu exists");
+        '<ul class="level1"> \
-         $('.menu ul:first').after(
+                <li> \
-               '<ul class="level1"> \
+                    <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="#" \
+                     <a href="/wiki/Link_2" class="mw-ui-icon mw-ui-icon-before"> \
-                          class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
+                     <span>Link 2</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" \
+                     <a href="/wiki/Link_3" class="mw-ui-icon mw-ui-icon-before"> \
-                          class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
+                     <span>Link 3</span> \
-                     <span>Second Link</span> \
                      </a> \
                      </li> \
-               </ul>'
+                </ul> \
-          );
+            </ul>'
-          $(".menu").find(".level2").hide(); // hide level2 until level1 is clicked
+    );
-          $(".level1").click(function(event){
+    $(".menu").find(".level2").hide();
-               $(this).find(".level2").slideToggle(500);
+    $(".level1").click(function(event) {
-          }); // if level1 is clicked, dropdown level2
+        $(this).find(".level2").slideToggle(500);
-     }
+    });
 });