MediaWiki:Mobile.js: Unterschied zwischen den Versionen

Aus Maddraxikon
(+Test für neue Links in der mobilen Ansicht)
Markierungen: mobile edit mobile web edit
 
KKeine Bearbeitungszusammenfassung
Markierungen: mobile edit mobile web edit
 
Zeile 5: Zeile 5:
         clearInterval(timer);
         clearInterval(timer);
         $('.menu ul:first').after(
         $('.menu ul:first').after(
               '<ul class="level1"> \
               '<ul> \
                     <li> \
                     <li> \
                     <a href="#" \
                     <a href="/index.php?limit=100&days=30&enhanced=1&title=Spezial:Letzte_%C3%84nderungen&urlversion=2" \
                     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>Dropdown Links</span> \
                     <span>Letzte Änderungen</span> \
                    </a> \
                    </li> \
                    <ul class ="level2"> \
                        <li> \
                        <a href="/index.php?limit=100&days=30&enhanced=1&title=Spezial:Letzte_%C3%84nderungen&urlversion=2" \
                        class="mw-ui-icon mw-ui-icon-before"> \
                        <span>Letzte Änderungen</span> \
                        </a> \
                        </li> \
                        <li> \
                        <a href="/" \
                        class="mw-ui-icon mw-ui-icon-before"> \
                        <span>Test</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> \

Aktuelle Version vom 8. September 2020, 18:54 Uhr

/* Das folgende JavaScript wird für alle Nutzer der mobilen Ansicht geladen. */
var timer = setInterval(function() {
     if ($('.menu ul:first').length) {
         console.log("mobile menu exists");
         clearInterval(timer);
         $('.menu ul:first').after(
               '<ul> \
                    <li> \
                    <a href="/index.php?limit=100&days=30&enhanced=1&title=Spezial:Letzte_%C3%84nderungen&urlversion=2" \
                    class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"> \
                    <span>Letzte Änderungen</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