javascript - 当导航链接点击 jQuery 时切换事件类

Question

我正在尝试将 jQuery 添加到网站，因此当单击导航菜单中下一页的链接时，“事件”类将切换到“事件”或当前页面。 “事件”类最初也设置为主页。此外，它是一个使用 Bootstrap 的网站，所以我想知道是否有什么东西与我的 jQuery 冲突。看起来很简单，我的代码也能正常工作。它从主页中删除事件类并在下一个选项卡上短暂闪烁，但它不会保持“事件”状态。这是 jQuery:

$(".nav li").click(function() {
    $('li').removeClass('active');
    $(this).addClass("active");

});

关于我可能做错了什么的想法？提前致谢。

安德鲁

Answer 1

我遇到了类似的问题并编写了以下脚本:

var _urlpath = $(location).attr('pathname').split('/').pop();

    $('#menu > li').each(function(){
        var _this = $(this);
        var _str = _this.find('a').attr('href');
        _str !== _urlpath ? _this.removeClass('active') : _this.addClass('active');
    });

这很简单:过滤 url 路径名，将其存储在变量中，然后最重要的是，当加载新页面时，遍历所有 li 并尝试匹配 url 哈希(我不知道确切的术语)，散列在 li > a's 中。

唉，可能有更好的方法来做到这一点。