Bootstrap 4 мобильных навигационных тега href не активируются - PullRequest
0 голосов
/ 18 февраля 2020

Bootstrap 4.3.1 мобильное навигационное меню (или изменение размера окна) внешние ссылки и ссылки не активируются. однако внутристраничные ссылки работают нормально.

Пожалуйста, просмотрите следующий код и помогите. Предварительный просмотр доступен по адресу http://csitamilparishdubai.com/

    <div class="site-mobile-menu site-navbar-target">
      <div class="site-mobile-menu-header">
        <div class="site-mobile-menu-close mt-3">
          <span class="icon-close2 js-menu-toggle"></span>
        </div>
      </div>
      <div class="site-mobile-menu-body"></div>
    </div>

     <header class="site-navbar py-4 js-sticky-header site-navbar-target" role="banner">

      <div class="container">
        <div class="row align-items-center">

          <div class="col-6 col-xl-3">
            <h1 class="mb-0 site-logo"><a href="index.html" class="h6 mb-0"> CSI Tamil Parish Dubai</a></h1>
          </div>

          <div class="col-12 col-md-9 d-none d-xl-block">
            <nav class="site-navigation position-relative text-right" role="navigation">

              <ul class="site-menu main-menu js-clone-nav mr-auto d-none d-lg-block">
                <li><a href="#home-section" class="nav-link">Home</a></li>
<li class="has-children">
                  <a class="nav-link">Readings</a>
                  <ul class="dropdown">
                    <li><a href="#thoothan-section" class="nav-link">Thoothan</a></li>
                    <li><a href="#announcements-section" class="nav-link">Announcements</a></li>
                  </ul>
                </li>
                <li><a href="gallery" class="nav-link">Gallery</a></li>
                <li><a href="#contact-section" class="nav-link">Contact</a></li>
              </ul>
            </nav>
          </div>


          <div class="col-6 d-inline-block d-xl-none ml-md-0 py-3" style="position: relative; top: 3px;"><a href="#" class="site-menu-toggle js-menu-toggle float-right"><span class="icon-menu h3"></span></a></div>

        </div>
      </div>

    </header>

Редактировать: Найден раздел в основном файле. js, который разрешает навигацию только на главной странице.

  var OnePageNavigation = function() {
    var navToggler = $('.site-menu-toggle');
    $("body").on("click", ".main-menu li a[href^='#'], .smoothscroll[href^='#'], .site-mobile-menu .site-nav-wrap li a", function(e) {
      e.preventDefault();

      var hash = this.hash;

      $('html, body').animate({
        'scrollTop': $(hash).offset().top
      }, 600, 'easeInOutExpo', function(){
        window.location.hash = hash;
      });

    });
  };
  OnePageNavigation();

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...