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

提供: Kmchan Minecraft Wiki
ナビゲーションに移動 検索に移動
2行目: 2行目:


$(document).ready(function() {
$(document).ready(function() {
     $('.menu').append(
     $('#p-navigation').append(
         '<ul class="level1"> \
         '<ul class="level1"> \
                 <li> \
                 <li> \
9行目: 9行目:
                     </a> \
                     </a> \
                 </li> \
                 </li> \
                 <ul class ="level2"> \
                 <ul class="level2"> \
                     <li> \
                     <li> \
                     <a href="/wiki/Link_1" class="mw-ui-icon mw-ui-icon-before"> \
                     <a href="/wiki/Link_1" class="mw-ui-icon mw-ui-icon-before"> \
28行目: 28行目:
             </ul>'
             </ul>'
     );
     );
     $(".menu").find(".level2").hide();
     $(".level1").hide().click(function(event) {
    $(".level1").click(function(event) {
         $(this).find(".level2").slideToggle(500);
         $(this).find(".level2").slideToggle(500);
     });
     });
});
});

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

/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */

$(document).ready(function() {
    $('#p-navigation').append(
        '<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>'
    );
    $(".level1").hide().click(function(event) {
        $(this).find(".level2").slideToggle(500);
    });
});