Clase CSS no se modifica cuando cambio página

[tonigomila1988]

Hola a todos:

Estoy realizando un menú con delay por que el menú tiene incluido un efecto de animación y lo que quiero lograr es que cuando finalice la animación, te redirija a la página en concreto.

Eso consigo hacerlo, pero el problema es que la clase menu_item--current no cambia cuando cambio de página.

Código Javascript:

// JavaScript Document
 
(function() 
{
    [].slice.call(document.querySelectorAll('.menu')).forEach(function(menu)
    {
        var menuItems = menu.querySelectorAll('.menu__link'),
        setCurrent = function(ev)
        {
            ev.preventDefault();
            var item = ev.target.parentNode; // li
            // return if already current
            if (classie.has(item, 'menu__item--current'))
            {
                return false;
            }
            // remove current
            classie.remove(menu.querySelector('.menu__item--current'), 'menu__item--current');
            // set current
            classie.add(item, 'menu__item--current');
            
            // He añadido esto
            var goTo = this.getAttribute("data-url");
            setTimeout(function(){window.location = goTo;},500);
        };
        
        [].slice.call(menuItems).forEach(function(el)
        {
            el.addEventListener('click', setCurrent);
        });
    });
    
    [].slice.call(document.querySelectorAll('.link-copy')).forEach(function(link)
    {
        link.setAttribute('data-clipboard-text', location.protocol + '//' + location.host 
        + location.pathname + '#' + link.parentNode.id);
        new Clipboard(link);
        link.addEventListener('click', function()
        {
            classie.add(link, 'link-copy--animate');
            setTimeout(function()
            {
                classie.remove(link, 'link-copy--animate');
            }, 500);
        });
    });
    
})(window);
 

Ese script es el que gestiona el menú (Incluido en el pack del menú).

http://agomilag.16mb.com/

Aquí la página donde tengo el problema.

¿Qué me falta para que funcione correctamente?

Un saludo a todos y gracias por la ayuda :)

[Alexis88]

Solo cambia cuando das el clic, pero como asignas manualmente dicha clase a la primera opción, al recargar la página, se pierde el cambio.

Podrías pasar una variable mediante una cadena de consulta o guardar un valor en una cookie o con localStorage, de tal modo que, cuando se pulse una opción, se modifique el valor a enviar o guardar, siendo dicho valor una representación de la opción pulsada; y cada vez que cargue la página, solo tendrías que leer el valor recibido mediante la cadena de consulta o el valor guardado y, según sea este, asignarías la clase a la opción que corresponda.

Un saludo