Question

我有一个简单的网站顶部有一个巨型横幅，在这下面我有一个导航栏（bootstrap 4）。我正在使用此代码将不同的页面加载到index.php

中

$(document).ready(function(){

    $("#pageLoad").load("home.php");

    $(".nav-link").click(function() {
        $("#pageLoad").load($(this).attr("id") + ".php");
    });
});

如果我稍微向下滚动页面但导航栏仍然在视图中，我点击链接，它似乎刷新页面并再次返回顶部。它确实将正确的链接加载到<div>有没有办法阻止它。

Stackoverflow新手，请原谅我错过的任何事情。我搜索了一些文章，但找不到任何有用的内容。

提前致谢

Answer 1

除非您有一个空的href =“”值，否则它不一定刷新页面。用这个

替换href值

<a href="javascript:void(0);" class="nav-link">Home</a>

事件监视器函数中的e.preventDefault（）调用也可能会有所帮助。

$(".nav-link").click(function(e) {
    e.preventDefault();
    $("#pageLoad").load($(this).attr("id") + ".php");
});

使用.click＆amp ;;停止重新加载整个页面.load事件

1 个答案: