javascript - 获取左侧导航链接以保持打开和事件状态

Question

目前我有一个可用的左侧导航菜单:

$('.navContainer li div').click(function () {
var $t = $(this);
var $next = $t.next('.navtoggle');
$('.navtoggle').not($next).slideUp('active');
$next.slideToggle(400);
});

问题是，最后一级的链接需要根据当前页面突出显示，以便导航保持打开状态。上面的脚本一旦被点击，就会加载相应的页面并关闭导航。我试过使用 cookie，但无法正常工作。我试过使用 document ready，它一直有效，直到页面重新加载并且它只是重置。所以我有点卡住了。我试过:

$(document).ready(function () {
$('.navContainer .navtoggle li a').click(function (e) {
    $(e.target).addClass('current');
    });
});

.navContainer .navtoggle li a，是用于保持激活状态的最后一个链接。我正在添加“current”类，因为在导航中使用了 active。这将更改链接颜色，仅此而已。我也试过 a:target 和 a:active，但一切都在不断重置。

Answer 1

我能够在这里找到答案 http://www.itworld.com/article/2832973/development/setting-an-active-menu-item-based-on-the-current-url-with-jquery.html并改变一些事情来完成这项工作。想把大部分功劳归功于该网页，但我能够以此为基础使其工作。最终代码为:

$(function () {
setNavigation(); });

function setNavigation() {
var path = window.location.pathname;
path = path.replace(/\/$/, "");
path = decodeURIComponent(path);

$(".navContainer .navtoggle li a").each(function () {
    var href = $(this).attr('href');
    if (path.substring(0, href.length) === href) {
        $(this).closest('li a').addClass('current');
        $(this).closest('.navtoggle').css('display', 'block');
    }
}); }