Jquery как перейти по ссылке
Перейти к содержимому

Jquery как перейти по ссылке

  • автор:

jQuery — предотвратить переход по ссылке, или метод event.preventDefault()

В jQuery есть один интересный метод preventDefault(), который позволяет предотвратить возникновение «действия по умолчанию» для конкретного события. Например, если в разметке есть гиперссылка, но мы хотим использовать эту ссылку как кнопку button — т.е. без перехода по URL, заданному в атрибуте href, то используется как раз preventDefault(). После этого, всё, что необходимо сделать, — это добавить вызов preventDefault() в обработчик события клика мышью. Пример разметки и кода показан ниже:

1. Разметка. Создаем гиперссылку. В ней указан некоторый URL в атрибуте href. Но мы предотвратим переход по ссылке

2. Обработчик на jQuery. Добавляем в обработчик click вызов метода preventDefault(). Результат — отмена перехода по ссылке и вывод нашего сообщения.

$(«a#customLink»).click(function(event) < event.preventDefault(); alert("НЕТ перехода по ссылке, Вы видете это сообщение!"); >);

Как перейти по ссылке, сформированной в jquery, если ссылка = value?

Добрый день друзья, тут появился такой вопрос
Имеется код, который достает из формы value, эти value составляют другой один value, который является ссылкой, если его перевести в html. Все это представлено в виде кнопки, на клике по которой формируется сама ссылка в html.

$('#js-button').click(function()< var value = $('#nkomn').val()+$('#sl').val()+$('#sd').val()+$('#sn').val()+$('#kp').val()+$('#pr').val() $('#js-result').html(value); >);

Таких форм несколько и они совмещены с помощью ajax, все работает кроме одного — не знаю как по этой ссылке перейти с помощью этой же кнопки, чтобы выполнялось последовательно 2 команды — формирование строки ссылки — она сейчас работает и переход по ней.
Подскажите, сам не асс

  • Вопрос задан более трёх лет назад
  • 2991 просмотр

Комментировать

Решения вопроса 1

john36allTa

Somewhere Intech @john36allTa

alien glow of a dirty mind

$('#js-button').click(function()< var value = $('#nkomn').val()+$('#sl').val()+$('#sd').val()+$('#sn').val()+$('#kp').val()+$('#pr').val() $('#js-result').html(value); setTimeout(function(), 2000); // переход по сформированной ссылке спустя 2 секунды setTimeout(function(), 3000); // если value содержит тэги html >);

или можете кликнуть по самой ссылке (если это )
$(‘#js-result’).click();

Ответ написан более трёх лет назад

Нравится 1 3 комментария

К сожалению страница не найдена

smsc banner 480x320skillbox banner 480x320flexbe banner 480x320

Мы ничего не нашли по вашему запросу. Может быть, попробуйте одну из ссылок ниже или поиск?

Разработка сайтов для бизнеса

Если у вас есть вопрос, на который вы не знаете ответ — напишите нам, мы поможем разобраться. Мы всегда рады интересным знакомствам и новым проектам.

Программно вызвать переход по ссылке при клике

При клике на ссылку — переход по ссылке и закрытие модального окна
Есть модальное окно и в нем несколько ссылок на другие страницы. Нужно чтобы при клике на ссылку.

Переход по ссылке при двойном клике
Здравствуйте! Подскажите, как сделать, чтобы осуществлялся переход по ссылкам при двойном клике на.

Переход по ссылке при клике на div
Здравствуйте, как сделать переход по ссылке при клике по блоку div, например <div >

Что нужно указать на месте многоточия, чтобы при клике по ссылке не совершался переход к новому документу?
Что нужно указать на месте многоточия, чтобы при клике по ссылке не совершался переход к новому.

669 / 640 / 335
Регистрация: 26.04.2014
Сообщений: 2,122

1 2 3 4
$(".block").click(function() { $(this).prev()[0].click(); /* первый вариант, эмуляция реального клика по ссылке */ // document.location.href = $(this).prev().attr('href'); /* второй вариант, именно переход */ });

94 / 94 / 68
Регистрация: 26.03.2015
Сообщений: 248
Спасибо большое!
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

При первом клике на ссылку открывать описание при втором переходить по ссылке
Есть ссылка с div в котором находиться описание к ссылке что-то типо card в bootstrap 4. Описание.

Подгрузка страницы при клике по ссылке
Добрый день! Скажите пожалуйста ,как реализовать подгрузку страницы при клике по ссылке?Делал так .

Попап окно при клике по ссылке
Добрый день. Никак не могу вывести попап окно при клике по ссылке. Кто может набросать код? .

Вызвать действие при клике по DIV
как сделать так чтобы кликнув по див сработало что то вроде @Html.ActionLink("RU", "Index".

Вызвать стиль ксс при клике
Доброго времени суток. Возможно ли вызвать определенный стиль ксс при клике на объект? Я вот только.

Зацикливание при клике по ссылке.Как исправить?
Доброго дня всем. У меня есть сценарий JS для нажатия на ссылки, которые содержат некое слово. Это.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *