Как сделать не активную текущую ссылку?

267
20 февраля 2018, 05:25

На wordpress при посещении страницы в меню всё равно можно нажать на текущую страницу и снова по ней перейти. Нужно отменить данное действие

Answer 1

Самый простой вариант.

  • Найти класс у активного элемента в меню
  • Применить к этому классу сss правило pointer-events: none; (Вариант подойдет если у вас нету выпадающих подменю)

Js вариант

  • Ищите js вашу ссылку
  • "Слушаете" клики по ней
  • event.preventDefault()

php вариант

  • В цикле который создает меню, заменяете ссылку у активного элемента на какой либо другой тег, например span
Answer 2
.nav__link--active {
    background: #e1c374;
    pointer-events: none; 
    cursor: default;
}
$(function() {
    $('.nav__list li a').each(function() {
        var location = window.location.href; //текущая ссылка на сайте
        var link = this.href;
        if (location == link) { // если текущая ссылка равна ссылке по которой перешел-добавляем стили active
            $(this).closest("li").addClass('nav__link--active');
        }
    });
});
READ ALSO
Как верстаются такие линии???

Как верстаются такие линии???

Можно наложить background-ом и потом абсолютное позиционирование, либо есть другой быстрый и правильный метод ?

217
Повлиять на родителя CSS [требует правки]

Повлиять на родителя CSS [требует правки]

Как можно повлиять на родительский стиль через дочерний

277
Упразднить псевдокласс :hover с помощью CSS

Упразднить псевдокласс :hover с помощью CSS

Добрый день! Есть выпадающее меню, которое реализуется так:

248
digit decimal picker

digit decimal picker

Пытаюсь найти аналог datepicker(bootstrap), только для чиселЧтобы при нажатии на инпут появлялось окно(типа калькулятора), где можно было бы ввести...

337