Как сделать ссылку неактивной после нажатия?
Есть ссылка, при нажатии на которую нужно вывести блок информации и одновременно сделать ссылку неактивной (чтобы ее не было видно). Первый пункт я сделал, а сделать ссылку неактивной не выходит.
Подскажите как это сделать?
Отслеживать
6,488 6 6 золотых знаков 24 24 серебряных знака 31 31 бронзовый знак
задан 19 окт 2016 в 16:09
71 1 1 серебряный знак 5 5 бронзовых знаков
e.preventdefault() есть такая штука которая делает ссылку кликабельной, но не активной, или через сss pointer-events: none;/* делаем ссылку некликабельной */
19 окт 2016 в 16:11
Если я правильно вас понял, вам нужно задать оформление для ссылок псевдокласса :visited — htmlbook.ru/css/visited
19 окт 2016 в 16:16
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
document.getElementById('additional').addEventListener('click', function(e) < e.preventDefault(); e.target.style.display = 'none'; var info = document.getElementById('additional-info'); if (info.style.display === 'none') < info.style.display = 'block'; >else < info.style.display = 'none'; >>, false);Отслеживать
ответ дан 19 окт 2016 в 16:33
Zoltan Toth Zoltan Toth
1,783 13 13 серебряных знаков 19 19 бронзовых знаков
Спасибо! Здесь это работает! Но что то в моем коде — не хочет. Пробовал в коде прописать — и подключать внешний скрипт 🙁
19 окт 2016 в 17:48
можете в JSBin ili JSFiddle скинуть весь код страницы? может id такая же есть еще одна или что-то в этом роде..
19 окт 2016 в 18:34
.hidden
Или вообще вот так:
function showSome(obj)
Отслеживать
ответ дан 19 дек 2016 в 8:33
1,325 6 6 серебряных знаков 14 14 бронзовых знаков
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.10.27.43697
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как сделать ссылку неактивной, как отключить ссылку через ксс
Пример ссылки:
1. Сначала мы присваиваем класс нашей ссылке
.disaled_link /* делаем ссылку некликабельной */
3. При наведении на ссылку меняется внешний вид курсора. Для неактивной ссылки установим дефолтный курсор:
.disaled_link /* устанавливаем курсор в виде стрелки */
4. На этом шаге необходимо отключить изменение внешнего вида ссылки при наведении, например появление подчеркивания, изменение цвета, жирности и другие эффекты, используемые в вашем шаблоне.
Для изменения внешнего вида ссылки при наведении существует атрибут класса «hover»:
.disaled_link:hover
text-decoration:none; /*убираем подчеркивание*/
font-weight:normal;/*устанавливаем толщину шрифта*/
+7(918) 053 84 68
E-mail: info@webstyling.ru
г. Новороссийск, ул. Дзержинского, д. 238
(Пожалуйста, позвоните перед приходом в офис)
© 2009-2023, создание сайтов Новороссийск, Москва, Анапа, Геленджик, Краснодар. Дизайн и разработка сайтов, создание сайтов в в Москве, Новороссийске. Создание одностраничников в Новороссийске. Создание Landing Page в Москве, Новороссийске.
Мы используем файлы cookie-файлы для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie-файлов.
Как сделать ссылку неактивной
Иногда Вам нужно сделать ссылку неактивной, к примеру, Вы хотите, чтобы один из постов не открывался, но при этом остальные работали нормально. В таком случае можно использовать скрипты jQuery, чтобы сделать кнопку неактивной.
Этот туториал покажет, как сделать любую ссылку неактивной с помощью jQuery. Этот метод можно использовать везде, т.к. он имеет совместимость со всеми браузерами и очень полезен для CMS платформ, когда у Вас нет возможности провести структурные изменения шаблона.
-
Откройте Ваш шаблон и найдите ссылку, которую Вы хотите сделать неактивной. (Вы можете использовать такие инструменты как Firebug, либо другие, чтобы найти точный путь ссылки. Вы также можно посмотреть структуру шаблона, чтобы найти ссылку.), например:
.K2ItemsRow .itemContainer .catItemView .catItemHeader .catItemTitle a
jQuery(document).ready(function()< jQuery('.K2ItemsRow .itemContainer .catItemView .catItemHeader .catItemTitle a').click(function()< return false; // prevents default action >); >);
Как видите, в примере, мы использовали классы, но Вам нужно будет заменить их Вашими конкретными ссылками:
.K2ItemsRow .itemContainer .catItemView .catItemHeader .catItemTitle a
Эта запись была размещена в JS Animated туториалы и помечена как action, clickable, link, remove. Добавьте в закладки постоянную ссылку.
Похожие записи
This tutorial shows how to add a custom link to the menu in WordPress.
What do you know about redirects? Why do you need them on your website? We are going to highlight this topic for you.
Today, we’re going to show you how to remove your WordPress.com account in a few simple steps.
Submit a ticket
Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов
Как сделать HTML ссылку некликабельной (неактивной)?
Пример CSS кода для создания некликабельной (неактивной) HTML ссылки. Добавляем в CSS код такую запись с классом:
a.disabled < pointer-events: none; /* делаем ссылку некликабельной */ cursor: default; /* устанавливаем курсор в виде стрелки */ color: #999; /* цвет текста для нективной ссылки */ >
В HTML коде устанавливаем для нективных ссылок класс disabled
Читать комментарии (15) 14 августа 2014,
70747
Комментировать
10 декабря 2014 / Ответить
СПАСИБО)) простой вариант решения)))
#2 ↑ / codomaza
10 декабря 2014 / Ответить
04 февраля 2015 / Ответить
И зачем такие заморочки, если можно просто прописать ссылку, не добавляя
#4 ↑ / codomaza
04 февраля 2015 / Ответить
Есть 2 важных преимущества:
- Стилизация неактивной ссылки. Вам всё равно придется использовать CSS стили для того, чтобы скрыть подсветку ссылки при наведении курсора.
- Удобство для разработчика. Данный вариант удобен (необходим) при разработке веб-приложения, так так дает возможность задать стилизацию и быстро найти неактивные ссылки в коде.
05 августа 2015 / Ответить
Очень быстро нашел нужную информацию, большое спасибо.
13 января 2016 / Ответить
29 января 2016 / Ответить
Небольшая поправочка, команда pointer-events: none ; подойдёт на блокировки клика по JavaScript’ам с некоторых сайтов, при клике на скрипт идёт пересылка на сайт.
09 марта 2016 / Ответить
13 марта 2016 / Ответить
Это решение не будет работать в IE.
13 марта 2016 / Ответить
Для IE есть следующий метод, он немного хардкодный но работает) Ссылку можно обернуть в span и перекрыть кликабельность ссылки псевдоэлементом на span.
span < display: block; position: relative; >span:before
#11 ↑ / codomaza
13 марта 2016 / Ответить
Спасибо! Интересный вариант решения проблемы для IE.
#12 ↑ / Гость
04 апреля 2016 / Ответить
При работе на теме лаерс вордпресс есть возможность управлять CSS но нет возможности править HTML. Есть способ для ИЕ с помощью только CSS?
14 октября 2017 / Ответить
Спасибо! Лаконично и эффективно.
28 декабря 2017 / Ответить
Подскажите, если в документе 3 ссылки. И надо, чтобы при нажатии на одну из них, остальные исчезали (именно ссылки исчезали, а не содержимое, которое внутри ссылок).
Т.е., есть раскрывающийся доп.текст при нажатии на фразы «да», «нет», «не знаю». Надо чтобы при нажатии допустим на «да», фразы «нет» и «не знаю» пропадали.
18 апреля 2021 / Ответить
Программирую на уровне копипастера) вбил запрос в поисковик, нашел это решение и стал счастливее) Спасибо!
- Информация об IP
- Антивирусная проверка
- Данные из Whois
- Проверить заголовки
- Punycode конвертер
- Обзоры
- Информация о сайтах
- Скрипты для сайта
- Новости Интернета