Блог

Я работаю над созданием примеров отчетов и страницы «О компании» для бизнес-сайта. Он использует bootstrap 3, но я создал пользовательскую навигационную панель для эстетики, но теперь мои ссылки не будут работать внутри навигационной панели, как везде. Я попытался переключиться с li с помощью тегов привязки на просто теги привязки, и я также попробовал опцию фильтра jquery, но ни один из них не сработал. вот мой код:

 <div class="row coloroverlay">
                <div class="col-sm-10 col-md-10 col-lg-10"></div>
                <div class="nav-toggle col-sm-1 col-md-1 col-lg-1">
                  <div class="row">
                    <div class="col-sm-6 col-md-6 col-lg-6"></div>
                    <div class="col-sm-6 col-md-6 col-lg-6">
                      <div class="nav-toggle-bar"></div>
                    </div>
                  </div>
                </div>
                <div class="col-sm-1 col-md-1 col-lg-1"></div>
                <nav class="nav nav-overlay">
                  <ul>
                    <li><a href="http://visbanking.com" class="external">Home</a></li>
                    <li><a href="http://visbanking.com/v4/about.html" class="external">About</a></li>
                    <li><a href="#" class="external">Sample Reports</a></li>
                  </ul>
                </nav>
              </div> 
 

и javascript:

 (function() {

    var hamburger = {
      navToggle: document.querySelector('.nav-toggle'),
      nav: document.querySelector('nav'),
    
      doToggle: function(e) {
        e.preventDefault();
        this.navToggle.classList.toggle('expanded');
        this.nav.classList.toggle('expanded');
      }
    };
    
    hamburger.navToggle.addEventListener('click', function(e) { hamburger.doToggle(e); });
    hamburger.nav.addEventListener('click', function(e) { hamburger.doToggle(e); });
    
    }());

    $(document).singlePageNav({filter: ':not(.external)'});
 

Если бы вы, ребята, могли помочь, это было бы здорово