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

提供: Kmchan Minecraft Wiki
ナビゲーションに移動 検索に移動
(ページの作成:「→‎ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します: var timer = setInterval(function() { if ($('.menu ul:first').lengt…」)
 
 
(同じ利用者による、間の9版が非表示)
1行目: 1行目:
/* ここにある全てのJavaScriptはモバイル版サイトの利用者に影響します */
$(document).ready(function() {
 
    [{
var timer = setInterval(function() {
        "title": "カテゴリ",
    if ($('.menu ul:first').length) {
        "dropdown": [{
        console.log("mobile menu exists");
            "title": "初心者向け",
        clearInterval(timer);
            "href": "/カテゴリ:初心者向け"
        $('.menu ul:first').after(
        }, {
              '<ul class="level1"> \
            "title": "建築",
                    <li> \
            "href": "/カテゴリ:建築"
                    <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" \
            "title": "プラグイン",
                              class="mw-ui-icon mw-ui-icon-before"> \
            "href": "/カテゴリ:プラグイン"
                        <span>Link 1</span> \
        }]
                        </a> \
    }].forEach(function(value, i) {
                        </li> \
        $('#p-navigation').append(
                        <li> \
            '<ul class="navigation-btn">' +
                        <a href="/wiki/Link_2" \
            '<li><a href="#" class="mw-ui-icon mw-ui-icon-before mw-ui-icon-minerva-watchlist"><span>' + value.title + '</span></a></li>' +
                              class="mw-ui-icon mw-ui-icon-before"> \
            '<ul class="navigation-content">' +
                        <span>Link 2</span> \
            value.dropdown.map(function(value) {
                        </a> \
                return '<li><a href="' + value.href + '" class="mw-ui-icon mw-ui-icon-before"><span>' + value.title + '</span></a></li>'
                        </li> \
            }).join('') +
                        <li> \
            '</ul>'
                        <a href="/wiki/Link_3" \
        );
                              class="mw-ui-icon mw-ui-icon-before"> \
        $(".navigation-btn").last().find(".navigation-content").hide();
                        <span>Link 3</span> \
        $(".navigation-btn").last().click(function(event) {
                        </a> \
            $(this).find(".navigation-content").slideToggle(500);
                        </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> \
                    </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

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);
        });
    });
});