Question

我的导航条形码： -

<div id="navbar">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a></li>
    <li><a href="projects.html">Projects</a></li>
   </ul>
</div>

我已经看到了与此相关的问题，解决方法是： -

$('#addnav').load.(navBar.html);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

解决方案是使用jquery load函数

我们将navBar代码放在html文件中并通过jquery在需要的地方加载

但问题是链接如果我在/location/example.html然后如何定向主页如何更改它们

我不能将此问题作为该帖子的评论，因为当我提出这个问题时，我的声誉尚未达到50

更详细的解释： -

让我的主页位置为/index.html 现在，另一个页面位置为/dir1/dir2/xyz.html

navBar.html位于xyz.html内，如果我点击home，那么它会引导我/index.html

Answer 1

我不确定我是否解决了你的问题，但尝试使用＆＃34; /＆＃34;使它成为根相对URL。

<li><a href="/about.html">About</a></li>

如何在网站的所有页面中使用NavBar而不会弄乱链接

1 个答案: