Приветствую!
Очень прошу помочь разобраться с кодом, который блокирует ссылки...
Имеется меню:
<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>
Меню при масштабировании складывается в "гамбургер".
Код прилагаю.
bootstrap.min.txt
Проблема в том, что ссылки не работают.
Общими усилиями удалось разобраться, что в коде имеется preventDefault(), который блокирует ссылки.
Мне посоветовали убрать его, но происходит следующее: ссылки в простом меню работают как надо, но перестает открываться "гамбургер" в масштабированном окне... То же самое при замене на return true.
Необходимо, чтобы все ссылки и "гамбургер" работали как положено.
Я новичок, возможно моя проблема покажется вам глупой, но я очень на вас рассчитываю.
Спасибо заранее!