Externe URL in der Navigationsleiste funktioniert nicht in Bootstrap

Question

Vor kurzem ein Thema eingerichtet, Bootstrap läuft als unsere Website laufen. Alles funktioniert gut, einschließlich externer URLs, die im HTML platziert wurden.

Die Sache ist, die tatsächliche Navigationsleiste registriert nicht die externen URLs und öffnet sie nicht, wenn Sie klicken. Es wird vom JS "Magnific Popup" gestoppt, aber ich weiß nicht warum genau. Jede Hilfe würde sehr geschätzt werden.

Hier ist ein Link zur Website, und die Navigationsleiste mit dem Fehler ist oben rechts.

Rustoria Website

Answer 1

Dies wird üblicherweise durch prevent() Methode innerhalb des JavaScript verursacht. Ich glaube, dass die Navigation ursprünglich für Ankerrollen gedacht war. Innerhalb der main.js Datei finden Sie den folgenden Code in Zeile 62.

// Page Nav 
var clickMenu = function() { 

    $('#navbar a:not([class="external"])').click(function(event){ 
     var section = $(this).data('nav-section'), 
      navbar = $('#navbar'); 

      if ($('[data-section="' + section + '"]').length) { 
       $('html, body').animate({ 
        scrollTop: $('[data-section="' + section + '"]').offset().top 
       }, 500); 
      } 

     if (navbar.is(':visible')) { 
      navbar.removeClass('in'); 
      navbar.attr('aria-expanded', 'false'); 
      $('.js-fh5co-nav-toggle').removeClass('active'); 
     } 

     event.preventDefault(); 
     return false; 
    }); 


}; 

finden, wie Sie die Funktion die Standardaktion verhindert sehen kann. Nach dem Lesen dieser Funktion können Sie sehen, dass der jquery-Selektor nach den a-Tags ohne "external" -Klasse sucht. Wenn Sie dem Tag "a" nur die Klasse "external" hinzufügen, wird das Problem behoben.