2017-06-01 75 views
0

我的导航栏代码: -如何不搞乱链接使用的NavBar在网站的所有网页

<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>

的解决方案是通过使用jqueryload功能

我们将导航栏的代码在html文件,并通过何地需要

jQuery的加载它,但问题是关于链接我该如何改变他们,如果我在/location/example.html那么如何主页将被定向

当我问这个问题

0我不能把这个问题作为这条信息的评论,因为我的名气还没有达到5

更详细的解释: -

让我的首页位置是/index.html 现在,另一个页面位置是/dir1/dir2/xyz.html

navBar.html是内部xyz.html地点理想,如果我点击home那么它将直接我/index.html

+0

它是确定的问题,而不是评论太... –

+1

2可能的解决方案:使用绝对URL或保存基本URL,并将其安装到'href' – empiric

+0

你有任何的Home.html ? –

回答

0

不太确定我是否会解决您的问题,但尝试使用“/”使其成为根相对URL。

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

对不起,它不工作,我会添加一些额外的细节问题,以便你可以理解 – DevelopersWork

相关问题