ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery - как отменить переход по click на тэге <a ...>... </a>
12 сообщений из 12, страница 1 из 1
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471065
ValGer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ValGer
Участник
Добрый день!
Задача проистекает из блокировки отдельных пунктов меню при выборе некоторых других. Само меню реализовано на якорных элементах <a ...> ... </a>
И не получается!
Простейший примерчик:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="Scripts/jquery-3.1.1..min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#yandex').unbind();
        })
    </script>

</head>
<body>
    <a href="http://www.yandex.ru" id="yandex">Сайт Яндекс</a>
</body>
</html>



Казалось бы по unbind() отменено всё, но кликается и переходит!
В чём причина? Неужели в этом случае нужно href заменять на ... href="#' ... , а потом возвращать обратно? Или я чего-то не понимаю?
С уважением ВВГ
...
Рейтинг: 0 / 0
13.06.2017, 16:48
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471159
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
ValGer,

А у Вас этого боди на момент Вашего унбинда ещё нету. Перенесите скрипт ниже боди, а не в хеад.
...
Рейтинг: 0 / 0
13.06.2017, 19:57
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471162
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
ПС. Ну или контентриди, наконец.
...
Рейтинг: 0 / 0
13.06.2017, 20:01
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471171
ValGer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ValGer
Участник
ShSergeПС. Ну или контентриди, наконец.

Перенос не помог, да и конструкция
Код: javascript
1.
2.
3.
$(function(){
     ..........................................
})


ждёт пока весь DOM загрузится (аналог windows.onload=function(){....} )

А что такое "контентриди"? Не встречал такого слова.
С уважением ВВГ
...
Рейтинг: 0 / 0
13.06.2017, 21:31
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471190
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
ValGerShSergeПС. Ну или контентриди, наконец.

Перенос не помог, да и конструкция
Код: javascript
1.
2.
3.
$(function(){
     ..........................................
})


ждёт пока весь DOM загрузится (аналог windows.onload=function(){....} )

А что такое "контентриди"? Не встречал такого слова.
С уважением ВВГ
документриди.
...
Рейтинг: 0 / 0
13.06.2017, 22:39
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471221
Barlone
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Barlone
Участник
ValGerДобрый день!
Задача проистекает из блокировки отдельных пунктов меню при выборе некоторых других. Само меню реализовано на якорных элементах <a ...> ... </a>
И не получается!
Простейший примерчик:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="Scripts/jquery-3.1.1..min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#yandex').unbind();
        })
    </script>

</head>
<body>
    <a href="http://www.yandex.ru" id="yandex">Сайт Яндекс</a>
</body>
</html>



Казалось бы по unbind() отменено всё, но кликается и переходит!
В чём причина? Неужели в этом случае нужно href заменять на ... href="#' ... , а потом возвращать обратно? Или я чего-то не понимаю?
С уважением ВВГПереход по ссылке - это не javascript, он по unbind не отменится.
...
Рейтинг: 0 / 0
14.06.2017, 05:21
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471280
ValGer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ValGer
Участник
Barlone,

Жаль!
...
Рейтинг: 0 / 0
14.06.2017, 09:12
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471370
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <a href="http://www.yandex.ru" id="yandex">Сайт Яндекс</a>
</body>
<script type="text/javascript">
   document.getElementById("yandex").href="javascript:void(0)"
</script>
</html>


Так годится?
...
Рейтинг: 0 / 0
14.06.2017, 11:09
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471462
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
ValGer,

Анбиндить в данном случае -- плохой путь и ведёт на тёмную сторону, где ничё хорошего не светит.

Пусть также кликается, но не переходит, в самой логике обработчика. Это можно задекорировать через объект-полицай, который решает можно выполняться дальше или нет.
...
Рейтинг: 0 / 0
14.06.2017, 12:59
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471473
Barlone
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Barlone
Участник
Да вы все с дуба рухнули...
Код: html
1.
2.
3.
4.
5.
    <script type="text/javascript">
        $(function () {
            $('#yandex').on('click', function() { return false; });
        })
    </script>
...
Рейтинг: 0 / 0
14.06.2017, 13:17
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471508
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
BarloneДа вы все с дуба рухнули...
Код: html
1.
2.
3.
4.
5.
    <script type="text/javascript">
        $(function () {
            $('#yandex').on('click', function() { return false; });
        })
    </script>


В некоторых случаях - работает. Например, совсем не работает в ИЕ.
Также, по правой кнопке - стандартное открыть в новом окне, или вкладке. Но это не страшно.
Поэтому лучше заменить атрибут href на "javascript:void(0)", чтобы и в ИЕ прокатило.
...
Рейтинг: 0 / 0
14.06.2017, 13:51
| Ответить | Цитировать | Написать  
jQuery - как отменить переход по click на тэге <a ...>... </a>
    #39471695
ValGer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ValGer
Участник
ShSerge,

Точно, точно!!!
Уже посыпаю голову пеплом - сам наткнулся на то , что вы привели, но опоздал написАть.
Спасибо
ВВГ
...
Рейтинг: 0 / 0
14.06.2017, 18:22
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jQuery - как отменить переход по click на тэге <a ...>... </a>
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39471159&tid=1444588]:
 0ms
get settings:
 9ms
get forum list:
 13ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 73ms
get topic data:
 13ms
get forum data:
 2ms
get page messages:
 57ms
get tp. blocked users:
 2ms
others: 15ms
total:  190ms
созд. / загр.: 190ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]