MediaWiki:Vector.js

De WikiSerpi
Ir a la navegación Ir a la búsqueda

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

  • Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
  • Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
/* All JavaScript here will be loaded for users of the Vector skin */
$(document).ready(function() {
    $('.vectorMenu').addClass('vectorDropdown');

    $('.vectorDropdown > .menu').click(function() {
        $(this).toggleClass('menuOpen');
    });

    $(document).on('click', function(e) {
        if (!$(e.target).closest('.vectorDropdown').length) {
            $('.vectorDropdown .menu').removeClass('menuOpen');
        }
    });

    // Agrega elementos al menú desplegable
    $('.vectorDropdown .menu').append('<li><a href="#">Elemento 1</a></li>');
    $('.vectorDropdown .menu').append('<li><a href="#">Elemento 2</a></li>');

    // Agrega un submenú
    var submenu = $('<ul></ul>');
    submenu.append('<li><a href="#">Subelemento 1</a></li>');
    submenu.append('<li><a href="#">Subelemento 2</a></li>');
    $('.vectorDropdown .menu').append(submenu);
});