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

提供: Kmchan Minecraft Wiki
ナビゲーションに移動 検索に移動
 
(同じ利用者による、間の5版が非表示)
1行目: 1行目:
/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */
$(document).ready(function() {
$(document).ready(function() {
     $('#p-navigation').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('') +
    $(".level1").hide().click(function(event) {
             '</ul>'
        $(this).find(".level2").slideToggle(500);
        );
        $(".navigation-btn").last().find(".navigation-content").hide();
        $(".navigation-btn").last().click(function(event) {
            $(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);
        });
    });
});