Question

我有一个树状菜单。

如何在回发后点击链接后保持此菜单打开？

Obs：我正在使用ASP.NET C＃

你能帮忙吗？

jQuery(".menu li").on('click', function (e) {
    e.stopPropagation();

    if (jQuery(this).children().prop("tagName") == "A") {
        jQuery(".menu li a").parent(".item-selected").removeClass('item-selected').addClass('item');
    }

    if (jQuery(this).hasClass('item')) {
        jQuery(this).removeClass('item').addClass('item-selected');
    }

    else if (jQuery(this).hasClass('item-selected')) {
        jQuery(this).removeClass('item-selected').addClass('item');
    }

    jQuery(this).children('ul').slideToggle();
});

请检查这个小提琴：http://jsfiddle.net/fzy48/8/

Answer 1

如果该链接是指向单独页面的实际网址链接，则无法完全确定。 jQuery仅适用于您所在的页面。另一方面，如果你想管理那些看起来的东西，你可以通过一些重点和一些服务器端动态帮助来管理。基本上，您需要将要保留的状态（树状菜单的状态，无论详细程度）传递到服务器，然后将相同的信息反弹到下一页。然后该页面将其作为一组动态生成的javascript var调用构建到页面中。然后在页面加载中放置一个查找这些变量的jQuery函数，并相应地设置菜单。因此，当您进入下一页时，菜单会打开您离开的位置。

单击链接后如何保持树状菜单打开？我在使用C＃！

1 个答案: