The editors' meeting has been canceled for technical reasons.

MediaWiki:Vector.js: Difference between revisions

From Center of NeuroWiki
Jump to navigation Jump to search
Created page with "→‎All JavaScript here will be loaded for users of the Vector skin: document.addEventListener('DOMContentLoaded', function() { // Example: Toggle sidebar visibility var toggleSidebar = document.createElement('button'); toggleSidebar.innerText = 'Menu'; toggleSidebar.style.position = 'fixed'; toggleSidebar.style.top = '10px'; toggleSidebar.style.left = '10px'; toggleSidebar.style.zIndex = 1000; toggleSidebar.addEventListener('click', fun..."
 
No edit summary
Line 1: Line 1:
/* All JavaScript here will be loaded for users of the Vector skin */
/* All JavaScript here will be loaded for users of the Vector skin */
document.addEventListener('DOMContentLoaded', function() {
javascript
    // Example: Toggle sidebar visibility
  // 创建移动端菜单按钮
    var toggleSidebar = document.createElement('button');
  $(document).ready(function() {
    toggleSidebar.innerText = 'Menu';
      if ($(window).width() <= 768) {
    toggleSidebar.style.position = 'fixed';
          $('body').prepend('<div id="mobile-menu-toggle">菜单</div>');
    toggleSidebar.style.top = '10px';
    toggleSidebar.style.left = '10px';
    toggleSidebar.style.zIndex = 1000;


    toggleSidebar.addEventListener('click', function() {
          $('#mobile-menu-toggle').on('click', function() {
        var sidebar = document.getElementById('mw-panel');
              $('body').toggleClass('menu-open');
        if (sidebar.style.display === 'none' || sidebar.style.display === '') {
          });
            sidebar.style.display = 'block';
      }
        } else {
  });
            sidebar.style.display = 'none';
        }
    });
 
    document.body.appendChild(toggleSidebar);
});

Revision as of 12:14, 25 October 2024

/* All JavaScript here will be loaded for users of the Vector skin */
javascript
   // 创建移动端菜单按钮
   $(document).ready(function() {
       if ($(window).width() <= 768) {
           $('body').prepend('<div id="mobile-menu-toggle">菜单</div>');

           $('#mobile-menu-toggle').on('click', function() {
               $('body').toggleClass('menu-open');
           });
       }
   });