2016-03-24 6 views
0

Ich bin mir nicht sicher, was ist falsch mit meinen Codes, aber wenn ich auf die Symbole klicken es nicht auf die href-Links umleiten.Klicken Sie auf Social Media Icons (font awesome) nicht umleiten zu href

 <ul class="nav navbar-nav navbar-right social"> 
      <li><a href="https://www.facebook.com/Blindthreatsnz/"><i class="fa fa-lg fa-facebook"></i></a></li> 
      <li><a href="http://blindthreatsnz.bandcamp.com/"><i class="fa fa-lg fa-soundcloud"></i></a></li> 
      <li><a href="https://youtu.be/2qETcJ00iXY"><i class="fa fa-lg fa-youtube"></i></a></li> 
      <li><a href="https://youtu.be/2qETcJ00iXY"><i class="fa fa-lg fa-twitter"></i></a></li> 
     </ul> 

hier ist die URL - http://blindthreatshc.mycoffeeshopdemosite.com/

+1

Sie haben '$ auf ('Klick' ("navbar a, Fußzeile a [href = '# myPage']."). , function (event) {event.preventDefault(); 'in deinem Code –

+0

Du' deaktivierst' Klick mit 'javascript' oder' jquery' – Pedram

+0

sieht aus wie ein Problem in deinem JavaScript, poste das auch. Es ist am besten, wenn du ein Geige Demo, die wir bearbeiten können, um Ihnen zu zeigen, wie zu beheben. – Blindsyde

Antwort

3

Sie haben den folgenden Code in Ihre HTML:

$(".navbar a, footer a[href='#myPage']").on('click', function(event){ event.preventDefault()}); 

Dies verhindert, dass Ihre Klicks aus fort. Wenn Sie es auf die folgenden ändern, können Sie Ihre sozialen Beziehungen ausschließen:

$(".navbar:not(.social) a, footer a[href='#myPage']").on('click', function(event){ event.preventDefault()}); 
+0

ok, also habe ich diesen Code $ (". Navbar: nicht (.social) a, Fußzeile a [href = '# myPage']") verwendet. On ('click', function (event) {event.preventDefault() }); und die Social-Media-Links funktionieren jetzt, aber das reibungslose Scrollen ist jetzt deaktiviert. – aldwin

+0

Entschuldigung für die späte Reaktion. Das einzige, was Sie in Ihrem Code ändern sollten, ist der Selektor von jQuery. Die Sache, die ich hinzufügte, war die: nicht (.social). Das sollten Sie Ihrem Code hinzufügen und es sollte gut funktionieren. Entschuldigung, dass ich nicht den ganzen Code eingefügt habe! –