我在一个单独的html文件中为一个网站的导航栏保存html，并将其包含在jQuery中。这一直很好，允许我更新单个文件来更改整个网站上的导航。现在我已经开始使用导致导航栏中断的子文件夹，因为我并不总是在与导航html相同的目录中。
目前我包括这样的导航栏：
$('#top_navbar').load("top_nav.txt");
，导航栏包含指向index.html等地方的链接。我已经开始使用子目录中的top_nav.txt文件，这意味着我需要像这样调用它：
$('#top_navbar').load("../top_nav.txt");
但其中的链接不起作用，因为现在他们应该指向../index.html，例如。
一个明显的解决方案是使用绝对路径，如this example中所示。这使开发变得尴尬，因为开发页面将获取实时文件（来自www.example.com/index.html）而不是开发文件（来自C：\ example \ index.html）。
我遇到的问题不仅仅是导航栏 - CSS，JavaScript文件等。在整个网站（包括子文件夹中的页面）中创建一致导航栏的正常方法是什么？< / p>