Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript для начинающих

Войти
Регистрация
Восстановить пароль
 
Sovka22
0 / 0 / 0
Регистрация: 12.01.2018
Сообщений: 6
#1

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

12.01.2018, 18:45. Просмотров 179. Ответов 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
Я подобрал для вас темы с готовыми решениями и ответами на вопрос JS и неработающие ссылки (JavaScript):

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

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

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

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

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

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

12
MrOnlineCoder
Всегда онлайн
399 / 355 / 61
Регистрация: 07.04.2013
Сообщений: 1,658
Завершенные тесты: 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
Всегда онлайн
399 / 355 / 61
Регистрация: 07.04.2013
Сообщений: 1,658
Завершенные тесты: 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
133 / 52 / 8
Регистрация: 08.01.2015
Сообщений: 669
Записей в блоге: 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
Всегда онлайн
399 / 355 / 61
Регистрация: 07.04.2013
Сообщений: 1,658
Завершенные тесты: 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
Всегда онлайн
399 / 355 / 61
Регистрация: 07.04.2013
Сообщений: 1,658
Завершенные тесты: 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
Модератор
745 / 730 / 327
Регистрация: 05.06.2015
Сообщений: 1,729
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
Привет! Вот еще темы с ответами:

и снова неработающие в графике Фряхи клава и мышь..... - FreeBSD
и так, установила я системку, добилась рабочих столиков, и-нэта..... хочу зайти в красивую среду КДЕ, а она мне не даёт... выяснилось, что...

HP Mini-110 3706er и неработающие кнопки тачпада - Ремонт ноутбуков
Доброго времени суток. Умер родной ж/д в сабжевом ноутбуке, поменял. Шел со W7 Starter изначально, на новый хард поставил ее же. ...

Как отыскать "неработающие" переменные - VB
Суть вопроса: имеется куча переменных в нескольких формах или модулях. Программа (или прложение как правильно) - работает. Но память...

Как заменить все ссылки на текст кроме ссылки моего сайта? - PHP
Всем привет! Есть выражение и есть текст ссылками. Где ссылки заменяю на слова &quot;Ссылки запрещены!&quot;. Всё работает! Вот теперь сам...


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

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

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