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
:
Ver original// 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 :)