单击菜单链接时，页面再次出现

Question

如果单击菜单中的链接，则会再次加载页面。所以当我点击菜单时，链接无效。

在第一个视觉中，我看到在调试时选择了菜单。但是当代码块完成后，页面会再次加载，因此它会删除菜单选项我该怎么办才能再次加载页面。

Screen shot of my project

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

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>标记，该标记会引导您访问指定的网址。您可以使用JavaScript来阻止点击事件转到<a>标记的网址，方法如下：

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