JS и неработающие ссылки
Вложений: 1
Приветствую!
Очень прошу помочь разобраться с кодом, который блокирует ссылки... Имеется меню: <div class="templatemo-top-menu"> <div class="container"> <!-- Static navbar --> <div class="navbar navbar-default" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="index.html" class="navbar-brand"><img src="images/templatemo_logo.png" alt="Urbanic Template" title="Urbanic Template" /></a> </div> <div class="navbar-collapse collapse" id="templatemo-nav-bar"> <ul class="nav navbar-nav navbar-right" > <li class="active"><a href="index.html">punkt1</a></li> <li><a href="portfolio.html">punkt2</a></li> <li><a href="comments.html">punkt3</a></li> <li><a href="clients.html">punkt4</a></li> <li><a href="contacts.html">punkt5</a></li> </ul> </div> </div> </div> </div> </div> Меню при масштабировании складывается в "гамбургер". Код прилагаю. Вложение 3745 Проблема в том, что ссылки не работают. Общими усилиями удалось разобраться, что в коде имеется preventDefault(), который блокирует ссылки. Мне посоветовали убрать его, но происходит следующее: ссылки в простом меню работают как надо, но перестает открываться "гамбургер" в масштабированном окне... То же самое при замене на return true. Необходимо, чтобы все ссылки и "гамбургер" работали как положено. Я новичок, возможно моя проблема покажется вам глупой, но я очень на вас рассчитываю. Спасибо заранее! |
Проблема наверняка в верстке, не в скрипте.
У миллионов все работает как положено, у вас вдруг сломалось. Согласитесь, что это странно. Ознакомьтесь с примером html-кода на оф. сайта и попробуйте переделать его под свои нужды. https://getbootstrap.com/docs/3.3/components/#navbar |
Часовой пояс GMT +3, время: 18:28. |