3

Добрый день. возник такой вопрос. Нужно оставить активными меню, при переходе на новую страницу или просто обновления страницы, которые были открыты.

У меня получилось сделать только для одного меню, которое было выбрано. При переходе на другую страницу я добавляю к URL'у hash (например #Submenu1), затем скриптом считываю его и открываю это подменю при загрузке страницы.

$(document).ready(function () {
    var x = window.location.hash;
    var hash = x.hash;
    $(hash).attr("class", "mainmenu collapse in")
});

Я пробую искать меню которые активны, но проблема в том, что сначала выполняется .click, а только потом открывается само меню. В итоге ищется на одно меню меньше.

$('a.bm').click(function () {
    $n = $('div.mainmenu.collapse.in');
});

Вторая проблема заключается в том, что $('div.mainmenu.collapse.in'); выдаёт результат типа: [div#SubMenu11.mainmenu.collapse.in, prevObject: jQuery.fn.init(1), context: document, selector: "div.mainmenu.collapse.in"] а мне хотелось бы получать только id этого элемента, а не всю строку .

Меню.

int index = 1;
    var ID = "SubMenu" + index;
    while (reader.Read())
    {
        if (groupName != reader["GROUPNAME"].ToString())
        {
            if (!string.IsNullOrEmpty(groupName))
            {
            @: </div>
            }
            groupName = reader["GROUPNAME"].ToString();
            ID = "SubMenu"+index;
            @: <a href="#@ID" class="list-group-item list-group-item-success bm" data-toggle="collapse">@groupName &nbsp;<i class="fa fa-caret-down"></i></a><div class="mainmenu collapse" id="@ID">
        }
        var link = string.Format("/{0}{1}", Thread.CurrentThread.CurrentCulture.TwoLetterISOLanguageName, reader["URL"]);
        @: <a href="@link#@ID" class="list-group-item list-group-subitem " data-parent="@ID" description="@reader["DESCRIPTION"].ToString()">@reader["DOCNAME"].ToString()</a>
        index++;

так выглядит скомпилированный html код в браузере

<a href="#SubMenu1" class="list-group-item list-group-item-success bm" data-toggle="collapse">Registration &nbsp;<i class="fa fa-caret-down"></i></a><div class="mainmenu collapse" id="SubMenu1">
         <a href="/en/Template/Document/0948EA93957144459ED50CC98B5B1CA3#SubMenu1" class="list-group-item list-group-subitem " data-parent="SubMenu1" description="">Disclosure All docs</a>
         <a href="/en/Template/Document/63EA8AEB085F4ABCA34A02046B5188DC#SubMenu1" class="list-group-item list-group-subitem " data-parent="SubMenu1" description="Disclosure Part 2">Disclosure New</a>
         <a href="/en/Template/Document/80EBAB437EED4301809B252CC2A4B73C#SubMenu1" class="list-group-item list-group-subitem " data-parent="SubMenu1" description="">Disclosure  Submitted</a>
         <a href="/en/Template/Document/4BC79C93960E4ADEA04618337241EFCF#SubMenu1" class="list-group-item list-group-subitem " data-parent="SubMenu1" description="">Disclosure assigned</a>
         <a href="/en/Template/Document/BE1F59796784486D9131E65E888539A3#SubMenu1" class="list-group-item list-group-subitem " data-parent="SubMenu1" description="Inventor Application">Inventor Application</a>
         <a href="/en/Template/Document/735DC6864BFD44DC9FC771FBFB462E8D#SubMenu1" class="list-group-item list-group-subitem " data-parent="SubMenu1" description="Assessments">Assessments</a>
             </div>
12
  • 1
    "В итоге ищется на одно меню меньше." - что тут имеется ввиду? 3 мая 2017 в 14:12
  • "а мне хотелось бы получать только id этого элемента" - используйте функцию id(). 3 мая 2017 в 14:12
  • При открытии меню у меня не находит его. при закрытии его у меня находит это как бы "активное" меню , хотя я его закрываю. в итоге у меня получается так что поиск идет впереди клика. 4 мая 2017 в 6:58
  • А приведите html-код самого меню. 4 мая 2017 в 7:22
  • 1
    Я имел ввиду, отредактируйте код вашего вопроса ) 4 мая 2017 в 8:08

1 ответ 1

2
  1. Сделать пункт меню активным скорее всего можно просто добавив к нему класс in.
  2. Выбрать все пункты меню с классом in можно примерно таким кодом: $('#menu').find('collapse in').each(function(){alert($(this).id())});.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.