navbar bootstrap не корректно работает на компьютере

21 января 2021, 11:30

Выгрузил проект на хостинг, заметил одну проблему. Навигационная панель не корректно работает, вот 2 ситуации:

С компьютера: ссылки есть, структура корректная, но переход по ссылкам не происходит.
Проблема решается, если отключить main.min.js
Однако, если выполнить п.2, в мобильной версии сайта навигационная панель не раскрывается.

Собственно, вопрос, как это вылечить и почему это происходит?) Спасибо!

ссылка на сайт

Answer 1

Вот конкретно за блокировку работы навигации, полагаю, отвечает вот этот кусок в самом конце:

    $.easing.def = "easeInOutQuad",
    $("li.nav-item").click(function(e) {
        var t = $(this).parent().next();
        $(".catalog-dropdown").not(t).slideUp("slow"),
        t.slideToggle("slow"),
        e.preventDefault()
    })

В частности можно, например закомментировать

e.preventDefault()

Ну или, если уж готовы отключить main.min.js и остальное особо не нужно, то для мобильной версии обойтись парой строчек попроще:

$(document).ready(function() { 
 
  $(".navbar-toggler").click(function() { 
    $("#navbarNavDropdown").slideToggle(); 
  }); 
 
});

#navbarNavDropdown { 
  display: none; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<nav class="navbar navbar-expand-lg navbar-light"> 
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Переключить навигацию"> 
			<span class="navbar-toggler-icon">Open</span> 
		</button> 
  <div class="collapse navbar-collapse" id="navbarNavDropdown"> 
    <ul class="navbar-nav"> 
      <li class="nav-item"> 
        <a href="http://ajax.itimmy.ru/" title="Главная" class="nav-link"> 
          <font style="vertical-align: inherit;"> 
            <font style="vertical-align: inherit;">Главная</font> 
          </font> 
        </a> 
      </li> 
      <li class="nav-item"> 
        <a href="index.php?id=2" title="О компании" class="nav-link"> 
          <font style="vertical-align: inherit;"> 
            <font style="vertical-align: inherit;">О компании</font> 
          </font> 
        </a> 
      </li> 
      <li class="nav-item"> 
        <a href="index.php?id=3" title="Каталог" class="nav-link"> 
          <font style="vertical-align: inherit;"> 
            <font style="vertical-align: inherit;">Каталог</font> 
          </font> 
        </a> 
      </li> 
      <li class="nav-item"> 
        <a href="index.php?id=4" title="Объекты" class="nav-link"> 
          <font style="vertical-align: inherit;"> 
            <font style="vertical-align: inherit;">Объекты</font> 
          </font> 
        </a> 
      </li> 
      <li class="nav-item"> 
        <a href="index.php?id=5" title="Новости" class="nav-link"> 
          <font style="vertical-align: inherit;"> 
            <font style="vertical-align: inherit;">Новости</font> 
          </font> 
        </a> 
      </li> 
      <li class="nav-item"> 
        <a href="index.php?id=6" title="Чёрный список" class="nav-link"> 
          <font style="vertical-align: inherit;"> 
            <font style="vertical-align: inherit;">Чёрный список</font> 
          </font> 
        </a> 
      </li> 
      <li class="nav-item"> 
        <a href="index.php?id=7" title="Контакты" class="nav-link"> 
          <font style="vertical-align: inherit;"> 
            <font style="vertical-align: inherit;">Контакты</font> 
          </font> 
        </a> 
      </li> 
    </ul> 
  </div> 
</nav>

Создание интернет-магазина строительных материалов в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Вывод определенных объектов из массива

Всем приветУ меня есть функция при нажатие на которую я хочу получать объекты из массива только первой категории

CSS

Flex: 3 элемента 1 по центру остальные по краям

Пытаюсь сделать верстку на флексах, есть три контейнера разной шириныДва должны быть по краям и один по центру

156

c++

Дублирование последнего числа в ListBox

Мне нужно считать все числа из файла в бинарном режиме (мне принципиально важно именно в этом режиме считывать числа) и добавить в ListBoxПо непонятной...

130

c++

Лягушки и их счастливые номера

Немножко про условие задачи : Дано N лягушек и бесконечное поле, в каждой лягушки есть свой счастливый порядковый номерЛягушки приходят по очереди...

120