В этом веб-сайте:
http://alexchen.info/brianfunshine/
Мне взяли навигационное меню от twentyten темы. Я хочу сделать некоторые ссылки clickeable и некоторые не (некоторые не должны вести себя как ссылка). Я выполнил это с некоторым CSS, но он не работает во всех браузерах.
Ссылки динамично сгенерированы с:
wp_nav_menu
Какие-либо предложения?
Создайте пользовательский элемент меню в панели администрации с фиктивным URL, foo.com или что бы то ни было. Добавьте его к меню, затем удалите целевой URL и сохраните. Пункт меню будет представлен без атрибута href и будет неактивируем по щелчку.
Через администратора меню в WordPress можно добавить пользовательский класс, сказать no-link
, к ссылкам Вы хотите быть неактивируемыми по щелчку. Вы, возможно, должны включить пользовательское поле класса через параметры экрана.
Вот две идеи, на основе jQuery. Обратите внимание, что ссылки все еще будут там для тех, которые имеют отключенный JavaScript.
$(document).ready(function() {
// Your navigation ID
var $nav = $('#navbar');
// A. Completely remove the anchor element and replace it with a span
$nav.find('li.no-link > a').wrapInner('<span/>').find('> span').unwrap('a');
// or
// B. Remove href attribute so nothing happens on click
$nav.find('li.no-link > a').removeAttr('href');
});
Используйте js для отмены поведения ссылки путем возвращения false по щелчку. Это должно работать:
$(document).ready(function(){
$("#link-id").click(function(){
return false;
});
});
Если Вы не хотите, чтобы ссылка вела себя как ссылка, то не делайте ее ссылкой - т.е. удаляйте <a> </a>
теги.
wp-admin
.
– janoChen
30.04.2011, 14:45