Categories

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

Phil Nowak Август 3, 2012
Rating: 3.8/5. From 4 votes.
Please wait...

Иногда Вам нужно сделать ссылку неактивной, к примеру, Вы хотите, чтобы один из постов не открывался, но при этом остальные работали нормально. В таком случае можно использовать скрипты jQuery, чтобы сделать кнопку неактивной.

Этот туториал покажет, как сделать любую ссылку неактивной с помощью jQuery. Этот метод можно использовать везде, т.к. он имеет совместимость со всеми браузерами и очень полезен для CMS платформ, когда у Вас нет возможности провести структурные изменения шаблона.

  1. Откройте Ваш шаблон и найдите ссылку, которую Вы хотите сделать неактивной. (Вы можете использовать такие инструменты как Firebug, либо другие, чтобы найти точный путь ссылки. Вы также можно посмотреть структуру шаблона, чтобы найти ссылку.), например:
    	.K2ItemsRow .itemContainer .catItemView .catItemHeader .catItemTitle a
    Это обычный CSS путь, который используется для CSS стилизации.
  2. Когда Вы узнали необходимые классы, нужно открыть index.html файл (для HTML шаблона) или другой файл, чтобы добавить jQuery скрипт:
    				jQuery(document).ready(function(){
    	                           jQuery('.K2ItemsRow .itemContainer .catItemView .catItemHeader .catItemTitle a').click(function(){
        	                              return false; // prevents default action
                              	    });
                                    });
    				</script>
    				

    Как видите, в примере, мы использовали классы, но Вам нужно будет заменить их Вашими конкретными ссылками:

    	.K2ItemsRow .itemContainer .catItemView .catItemHeader .catItemTitle a

    Иногда некоторые CMS платформы могут блокировать эти скрипты, если они были добавлены в неправильном месте, поэтому, если у Вас будут вопросы, пожалуйста, обращайтесь к нам.

  3.  

Эта запись была размещена в JS Animated туториалы и помечена как action, clickable, link, remove. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов