Muy buenas chic@s,
Estoy haciendo un proyectillo y estoy teniendo un problema con el menú de una página OnePage y aún fallo mas que una escopeta de feria con el JavaScript.
El problema es, que el menú no responde (no cambia a las diferentes secciones) en los navegadores chrome y microsoft edge pero si funciona correctamente en Firefox e Internet explorers (son los que he probado porque los tengo instalados xD)
El script sería:
Código Javascript
:
Ver originalfunction sliding() {
$('.scrollTo, #navigation a').click(function (event) {
//alert(this.className);
if(this.className != "lang"){
event.preventDefault();
var full_url = this.href;
var parts = full_url.split("#");
var trgt = parts[1];
$('body').scrollTo($('#' + trgt), 800, {offset: -80});
}
});
}
Y mi menú:
Código HTML:
Ver original<!-- NAVBAR -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation
</span> <a class="navbar-brand scrollTo" href="#intro">Titulo
</a>
<div class="navbar-collapse collapse" id="navigation"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#home">Home ?>
</a></li> <li><a href="#about">About
</a></li> <li><a href="#contact">Contact
</a></li> <li><a class="lang" href="lang.php?lang=es"> <img src ="img/es.png" height="20px"></a></li> <li><a class="lang" href="lang.php?lang=en"> <img src ="img/en.png" height="20px"></a></li>
Muchas gracias de antemano