Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.01.2018, 06:31
Новичок на форуме
Отправить личное сообщение для Sovka22 Посмотреть профиль Найти все сообщения от Sovka22
 
Регистрация: 13.01.2018
Сообщений: 1

JS и неработающие ссылки
Приветствую!
Очень прошу помочь разобраться с кодом, который блокирует ссылки...
Имеется меню:
<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.
Необходимо, чтобы все ссылки и "гамбургер" работали как положено.
Я новичок, возможно моя проблема покажется вам глупой, но я очень на вас рассчитываю.
Спасибо заранее!
Ответить с цитированием
  #2 (permalink)  
Старый 13.01.2018, 15:37
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,795

Проблема наверняка в верстке, не в скрипте.
У миллионов все работает как положено, у вас вдруг сломалось.
Согласитесь, что это странно.

Ознакомьтесь с примером html-кода на оф. сайта и попробуйте переделать его под свои нужды.
https://getbootstrap.com/docs/3.3/components/#navbar
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Пример тестовых заданий на js junior elshaarawy Учебные материалы 3 26.03.2015 15:17
JS IE8 добавление ссылки с якорем в историю mat_ppc Internet Explorer 0 21.01.2011 22:38
открытие ссылки на новой странице если нету js FRIE Общие вопросы Javascript 9 01.12.2010 12:50
Не получается передать переменную из JS в PHP Lion_astana AJAX и COMET 2 23.11.2010 17:23