С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
 
Sovka22
0 / 0 / 0
Регистрация: 12.01.2018
Сообщений: 6
1

JS и неработающие ссылки

12.01.2018, 18:45. Просмотров 201. Ответов 12
Метки нет (Все метки)

Приветствую!
Очень прошу помочь разобраться с кодом, который блокирует ссылки... Уже вторые сутки не могу понять... ((
Имеется меню:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<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="">punkt1</a></li>
                                <li><a href="">punkt2</a></li>
                                <li><a href="">punkt3</a></li>
                                <li><a href="">punkt4</a></li>         
                                <li><a href="">punkt5</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div> 
        </div>
Меню при масштабировании складывается в "гамбургер".
Код прилагаю. bootstrap.min.rar

Проблема в том, что ссылки не работают.
Общими усилиями удалось разобраться, что в коде имеется preventDefault(), который блокирует ссылки.
Мне посоветовали убрать его, но происходит следующее: ссылки в простом меню работают как надо, но перестает открываться "гамбургер" в масштабированном окне... То же самое при замене на return true.
Я новичок, возможно моя проблема покажется вам глупой, но я очень на вас рассчитываю. Спасибо заранее!
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
12.01.2018, 18:45
Ответы с готовыми решениями:

Ссылки с параметрами, Как передать параметры ссылки в javascript?
Реально ли получить значение гипперссылки? нужно передать клиенту, напр. если...

Изменение ссылки в зависимости от текста ссылки
Имеется цитата в html. &lt;div id= &quot;citata&quot; &lt;p&gt; &lt;q id =...

Неработающие теги
Изучаю сейчас HTML попутнопроверяю все теги в действии тег ABBR не работает...

Неработающие пользователи
Всем доброго времени суток! Есть необходимость выявить тех пользователей,...

Неработающие примеры из книг
Здраствуйте. Сейчас перечитываю книгу Екеля Think in java enterprise. И...

12
MrOnlineCoder
Всегда онлайн
501 / 424 / 172
Регистрация: 07.04.2013
Сообщений: 1,841
Завершенные тесты: 2
12.01.2018, 19:33 2
Sovka22, какие именно ссылки не работают? все? или только эти:

HTML5
1
2
3
4
5
<li class="active"><a href="">punkt1</a></li>
<li><a href="">punkt2</a></li>
<li><a href="">punkt3</a></li>
<li><a href="">punkt4</a></li>         
<li><a href="">punkt5</a></li>
или только эта:

HTML5
1
<a href="index.html" class="navbar-brand"><img src="images/templatemo_logo.png" alt="Urbanic Template" title="Urbanic Template" /></a>
0
Sovka22
0 / 0 / 0
Регистрация: 12.01.2018
Сообщений: 6
12.01.2018, 19:37  [ТС] 3
Все li не работают.
0
MrOnlineCoder
Всегда онлайн
501 / 424 / 172
Регистрация: 07.04.2013
Сообщений: 1,841
Завершенные тесты: 2
12.01.2018, 20:10 4
Sovka22, они и не будут работать потому что в них не указаны цели (атрибут href). Если хотите чтобы при нажатии на ссылки осуществлялся переход на определенный блок/раздел на сайте то нужно туда вписать ID элементов:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<li><a href="#punkt2">punkt2</a></li>
<li><a href="#punkt3">punkt3</a></li>
<li><a href="#punkt4">punkt4</a></li>         
<li><a href="#punkt5">punkt5</a></li>
 
<!--Где то в коде после навбара-->
<div id="punkt2">
Пункт 2
</div>
 
<div id="punkt3">
Пункт 3
</div>
 
<div id="punkt4">
Пункт 4
</div>
 
<div id="punkt5">
Пункт 5
</div>
Подробнее: w3c schools
0
Htext
95 / 63 / 16
Регистрация: 08.01.2015
Сообщений: 815
Записей в блоге: 1
12.01.2018, 23:20 5
Цитата Сообщение от Sovka22 Посмотреть сообщение
в коде имеется preventDefault()
Это функция, которая отменяет поведение по умолчанию (запрещает переход по ссылке, например).
Я бы сделал так: навесил на ссылки обработчик клика. Который будет складывать сайт в Г. А после этого могут работать ссылки. Кстати, переход по ссылкам тоже можно сделать через JS.
0
Sovka22
0 / 0 / 0
Регистрация: 12.01.2018
Сообщений: 6
13.01.2018, 01:19  [ТС] 6
Да, как якорь работает без проблем, но мне нужен именно переход на другую страницу, а не на место в той же...

Добавлено через 1 минуту
Если не сложно, поделитесь как именно это осуществить с моим кодом.
0
MrOnlineCoder
Всегда онлайн
501 / 424 / 172
Регистрация: 07.04.2013
Сообщений: 1,841
Завершенные тесты: 2
13.01.2018, 01:22 7
Sovka22, если переход на другую страницу то
HTML5
1
<a href="page.html">Переход на page.html</a>
0
Sovka22
0 / 0 / 0
Регистрация: 12.01.2018
Сообщений: 6
13.01.2018, 01:25  [ТС] 8
Не работают ссылки... Я не забыла их прописать, они у меня есть, на другие сверстанные страницы, но не переходит.
0
MrOnlineCoder
Всегда онлайн
501 / 424 / 172
Регистрация: 07.04.2013
Сообщений: 1,841
Завершенные тесты: 2
13.01.2018, 02:00 9
Sovka22, покажите как вы их прописали
0
Sovka22
0 / 0 / 0
Регистрация: 12.01.2018
Сообщений: 6
13.01.2018, 10:33  [ТС] 10
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
  
<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>не
Есди я убираю код js, все работает как надо, но перестает реагировать "гамбургер". Он не открывается вообще, только иконка видна. А обычное меню работает как надо.

Добавлено через 8 часов 14 минут
Решение найдено. Спасибо всем за участие!
0
j2FunOnly
Модератор
951 / 876 / 503
Регистрация: 05.06.2015
Сообщений: 2,006
13.01.2018, 10:39 11
Цитата Сообщение от Sovka22 Посмотреть сообщение
Решение найдено.
Пожалуйста, поделитесь решением.
0
Sovka22
0 / 0 / 0
Регистрация: 12.01.2018
Сообщений: 6
13.01.2018, 10:41  [ТС] 12
Запрет на ссылки был прописан в другом js файле. Именно в нем я заменила е.preventDefault() на return true. И все заработало как надо.
0
Pashtets
0 / 0 / 0
Регистрация: 30.12.2016
Сообщений: 77
14.01.2018, 16:41 13
та просто можно было удалить preventDeafault() возвращать true не обязательно
0
14.01.2018, 16:41
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.01.2018, 16:41

Неработающие событие event
Всем привет! Возникла проблема с обработкой события, т.е. все вроде бы хорошо,...

Замыкание и неработающие порты USB
В общем в один сетевой фильтр подключен ноутбук и электроплитка. На...

taskhost, speedbar, Mayachok.1 и неработающие браузеры
Вчера каспер выругался на вирус, потом комп сам перегрузился. в результате...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru