Просмотров: 3 366

Как запретить браузеру переходить по ссылке в атрибуте href с помощью jQuery.

Сегодня нужно было сделать некоторые ссылки на веб-странице стали не активными, когда по ним кликают мышкой.

Например, у меня на странице есть ссылка:

<a href="http://site.ru">Ссылка</a>

Мне нужно, чтобы при клике на эту ссылку переход по адресу, который указан в атрибуте href не выполнялся.

Оказалось, что делается это довольно просто с помощью jQuery.

Добавляем к ссылке класс, чтобы к ней можно было проще обращаться.

<a href="http://site.ru">Ссылка</a>

Теперь самый главный код, который сделает ссылку не активной.

<script type="text/javascript">
$(document).ready ( function(){
$(".link").click(function() {
return false;
});
});
</script>

Я просто вывожу значение Ложь, при событии клика по ссылке.

Посмотрите, как это работает на примере:

Если перед тем, как сделать ссылку не активной, нужно выполнить какие-либо действия, перед командой return false, вы можете добавить свой код.

Конечно, задача довольно специфичная, но в некоторых ситуациях может пригодиться.

Продвинутый курс по Javascript + jQuery можно получить здесь.