javascript - 单击菜单链接时再次加载页面

Question

如果我单击菜单中的链接，则会再次加载该页面。因此，当我单击菜单时，链接未激活。

在第一个视觉效果中，我看到调试时菜单被选中。但是当代码块完成时，页面将再次加载，因此它删除了菜单选择“我应该做什么”，以便页面不会再次加载。

Screen shot of my project

再次页面加载后，首先发生入站li

After clicking it reloads

我本来想在图片中说，但我写了这样的代码。

我在 $(document).ready 下编写了这段代码

 $(".sidebar .nav li").on("click", function () {
    //$(this).parent().addClass('active').siblings().removeClass('active')
    $(".nav li").removeClass("active");
    $(this).addClass("active");
});

Answer 1

您可能正在点击 <a>标签将引导您到指定的 URL。您可以使用JavaScript来阻止点击事件转到<a>的URL标签，使用类似这样的东西:

$(The selector on your <a> tag).click(function(e) {
    e.preventDefault();
}