Javascript inibisce il funzionamento di <a href="">

[sjpagan]

Come da titotolo ho un semplice a href che non funziona, cominciamo ad eliminare le cose più ovvie, in link funziona se copio lo stesso codice e lo posizione altrove nel mio sito, credo che ci sia qualche cosa che blocca il funzionamento del link in quella posizione, cominciamo a postare il codice:

HTML:

<!--Twelve columns omega servono per la struttura a griglia-->
<nav class="twelve columns omega" id="top-nav">
<div id="lang">
<ul>
<li id="english"><a href="<?php echo base_url(); ?>index.php/bed_and_breakfast_gaeta/index_en">English</a></li>

</ul>
</div>
<!-- Start Nav Links -->
<ul>
<li><a href="#about">Home</a></li>
<li><a href="#rooms">Camere</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#activities">Meteo</a></li>
<li><a href="#contact">Prenota</a></li>
<li><a href="#contact">Contatti</a></li>



</ul><!-- End Nav Links -->

</nav><!-- End Navigation -->

CSS:

#top-nav ul { padding-top:10px; float:right; position:relative}
#top-nav ul li { display: inline; margin: 0 15px 0 0;}
#top-nav a {font-size: 14px; color: #505050; text-decoration: none; font-weight:700;}
#top-nav a:hover { color: #39bad2; transition: color 0.5s;}
#top-nav ul .current a{ color: #505050;}


#lang ul{float: right; }
#lang ul li a{ float:left; width:18px; height:18px; margin-right:5px; display:block; text-indent:-9999px;}
#lang ul li#italian a {background:url(../images/it-flag.png) no-repeat 0 0;}
#lang ul li#english a {background:url(../images/en-flag.jpg) no-repeat 0 0;}

Javascript:

/*--------------------------------------------------------
Scrollpage
--------------------------------------------------------*/
$('a.scroll_a, .scroll_home, .links-home a').click(function(){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top- 43
}, 500);
return false;
});


$('#top-nav').onePageNav({
filter : ':not(.external a)',
easing: 'swing',
scrollOffset: 43,
scrollThreshold : 0.95
});

if( window.innerWidth < 767 ) {


$('#top-nav').onePageNav({
easing: 'swing',
scrollOffset: 0,
scrollThreshold : 0.95
});
$('a.scroll_a, .scroll_home, .links-home a').click(function(){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top- 0
}, 500);
return false;
});
}


Credo che il mio problema sia nel javascript che oltre a fare un semplice effetto di cambio colore, mi fa scorrere la pagina in modo da raggiungere gli ancoraggi presenti nel sito...

Non capisco come posso modificare il codice in modo da non avere di questi problemi....

[cavicchiandrea]

Prova postare il link alla pagina pubblica (tuosito.xxxx/pagimademo.xxxx) in oltre hai apportato delle modiche a qualcosa?

P.S. Quando posti il codice usa il tasto o i tag [c o d e]...[/c o d e]

[sjpagan]

il sito è il seguente -labouganvillegaeta- con estensione it..... il link che non funziona è quello della lingua inglese, in alto nel menu dove si vede la bandiera...

[sjpagan]

Trovato..... è questo script che inibisce il funzionamento di href... Ma come lo modifico ?

    $('#top-nav').onePageNav({
        filter : ':not(.external a)',
        easing: 'swing',
        scrollOffset: 43,
        scrollThreshold : 0.95
    });

Di cosa si tratta ?

[sjpagan]

Risolto, guardando meglio nella documentazione ufficiale ho trovato cosa serviva per escludere questo problema:
Basta aggiungere la classe external ad <a href.....

Codice Javascript

    $('#top-nav').onePageNav({
        filter : ':not(.external a)',
        easing: 'swing',
        filter: ':not(.external)',
        scrollOffset: 43,
        scrollThreshold : 0.95
    });

Codice HTML

<li><a href="http://www.link.it" class="external">Questo è il mio Link</a></li>