2017-06-01 53 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

相關問題