Как выделить активный пункт меню?

[Sobra]

Как выделить активный пункт меню на сайте? Пробовал так, но ничего не выходит.

$(function () {
    var location = window.location.href;
    var cur_url = '/' + location.split('/').pop();
 
    $('.guide-icon-menu').each(function () {
        var link = $(this).find('a').attr('href');
 
        if (cur_url == link) {
            $(this).addClass('active');
        }
    });
});

 

[Alisa]

Делайте поиск без учета регистра по подстроке:

$(function () {
    var location = window.location.href;
    var cur_url = '/' + location.split('/').pop();
 
    $('.guide-icon-menu').each(function () {
        var link = $(this).find('a').attr('href');
        var reg = new RegExp(cur_url, 'i');
        if (reg.test(link)) {
            $(this).addClass('active');
        }
    });
});

 

[Dudarev.Vlad]

В шаблоне tormund есть такой код
var o = window.location.pathname;
o = "/" == o ? o : o.substr(1), $(".guide-icon-menu").find("li").each(function () {
$("a", this).attr("href") != o && $(this).parent().find(".menu-submenu").hide(), $(this).toggleClass("active", $("a", this).attr("href") == o)
})
Он работает только для главной страницы, пытался поковыряться сам - не вышло.
Не подскажете как исправить для cinemapress?

 

[Sobra]

@Alisa а для tormund как сделать активное меню? С того кода не срабатывает там.

 

[Alisa]

$(function () {
    var location = decodeURIComponent(window.location.href);
    var cur_url = location.split('/').pop();
    if (!cur_url) return;
    $('.guide-icon-menu li').each(function () {
        var link = $(this).find('a').attr('data-href');
        if (!link) return;
        var reg = new RegExp(cur_url, 'i');
        if (reg.test(decodeURIComponent(link))) {
            $(this).addClass('active');
        }
    });
});

Дальше у каждого пункта меню должен быть тег data-href он имеет в себе подстроку по которой будет идентифицироваться на какой странице находится пользователь.

Например:
URL: https://tormund.cinema.press/type-t-fil6my
В шаблоне: <a href="/<%- page.urls.type %>/<%- page.urls.types.movie %>" data-href="type-t-fil6my">

 

[Sobra]

@Alisa Спасибо. А для жанров возможно сделать также? (которое ниже)
Я пробовал, но не меняется хоть в CSS прописано для guide-menu. Заменяю guide-icon-menu на guide-menu и ничего...

 

[Dudarev.Vlad]

$(function () {
    var location = decodeURIComponent(window.location.href);
    var cur_url = location.split('/').pop();
    if (!cur_url) return;
    $('.guide-icon-menu li').each(function () {
        var link = $(this).find('a').attr('data-href');
        if (!link) return;
        var reg = new RegExp(cur_url, 'i');
        if (reg.test(decodeURIComponent(link))) {
            $(this).addClass('active');
        }
    });
});

Дальше у каждого пункта меню должен быть тег data-href он имеет в себе подстроку по которой будет идентифицироваться на какой странице находится пользователь.

Например:
URL: https://tormund.cinema.press/type-t-fil6my
В шаблоне: <a href="/<%- page.urls.type %>/<%- page.urls.types.movie %>" data-href="type-t-fil6my">

Посмотреть вложение 4441

В моём случае при открытии ссылки "фильм" выделяется сразу 2 пункта, фильмы и мультфильмы.
Думаю что из-за того что в ссылку "type/мультфильмы" входит слово фильмы.

Не подскажете как выйти из данной ситуации? (не меняя ссылки)

 

[Sobra]

В файле menu ,

В моём случае при открытии ссылки "фильм" выделяется сразу 2 пункта, фильмы и мультфильмы.
Думаю что из-за того что в ссылку "type/мультфильмы" входит слово фильмы.

Не подскажете как выйти из данной ситуации? (не меняя ссылки)

я в menu, заменил на

<a href="/<%- page.urls.type %>/Мультфильм" data-href="type/Мультфильм">

и все работает. Переход на сайт в раздел мультфильмы будет срабатывать и с внешних ссылок которые идет domen.com/type/мультфильмы , но тогда не будет подсвечиваться.

 

[Dudarev.Vlad]

@Sobra, это не совсем то что мне нужно

 

[Alisa]

@Sobra, это не совсем то что мне нужно

Добавьте slash.

var cur_url = '\\/' + location.split('/').pop();

 

[Dudarev.Vlad]

Добавьте slash.

var cur_url = '\\/' + location.split('/').pop();

Не правильно работает
На главной странице активны пункты domen.com/content/******
Остальные и вовсе не работают