使用.click＆.load事件停止整個頁面的重新加載

Question

我有一個簡單的網站，頂部有一個巨型橫幅，下面有一個導航欄（引導程序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> 

另外你的eventlistener函數中的e.preventDefault（）調用可能會有所幫助。

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