加载整个网站的导航栏，我该如何处理链接？

Question

我刚刚为一个网站启动了这个小项目，我认为我应该只使用一个菜单栏用于整个网站，因为更改菜单栏中所有页面的所有链接都是一件很繁琐的事情。

我找到了以下用于加载菜单栏的代码：

<div id="nav-placeholder"></div>

<script type="text/javascript">
  $(function(){
    $("#nav-placeholder").load("navbar.html");
  });
</script>

它运行正常，我确实得到了我的菜单，但是我发现链接基本上和我在页面上只有菜单而不是加载菜单一样。

因此，例如，如果我在根目录中，所有内容都可以正常加载，但只要我向上移动一个目录，链接就不再起作用了。

我知道只需更改它们就可以解决这个问题，但是我必须为整个网站制作多个导航栏？

解决这个问题？希望你们能得到我的想法，感谢任何帮助。

Answer 1

如果你正在使用任何可以像ASP或PHP一样动态创建页面的东西，那么你可以只用菜单创建一个单独的页面，并将其包含在需要它的每个页面中。例如：

ASP：

<!-- #Include virtual="menu.aspx" -->

PHP：

<?php include 'menu.php';?>