Как сделать ссылку не кликабельной

Привет всем! Это моя первая статья по jQuery. Хочу показать как сделать ссылку не кликабельной, а если точнее, то она останется таковой, но в последствии не будет перенаправления на другую сраницу, а также не произойдет обновления текущей страницы.
Ближе к делу! Имеем ссылку:

 здесь произвольный текст и <a href="#">ссылка</a>

Для тех кто не знаком с jQuery вообще, напишу подробнее.
Добавляем ссылке любой class. Вот таким образом:

 здесь произвольный текст и <a href="#" class="xxx">ссылка</a>

Сейчас при помощи jQuery сделаем не кликабельными все ссылки с данным class

<script>
$( ".xxx" ).click(function(event_xxx) {
  event_xxx.preventDefault();
 });
</script>

Всё это вставляем в самый конец кода, перед закрывающим тегом

 </body> 

Если же вы хотите вставить данный скрипт в хедер, то следует использовать такой код (с использованием document ready):

<script>
$(document).ready(function(){
     $( ".xxx" ).click(function(event_xxx) {
     event_xxx.preventDefault();
     });
  });
</script>

Вот и всё! Теперь ваша ссылка не кликабельная.

Pin It

Оставить комментарий

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

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>