2017-03-27 149 views
-1

Picture of my Sidebar鏈接網主頁的側邊欄的所有網頁

你可以看到,我在照片上產生的側邊欄,我想鏈接側邊欄到我的網站的其他頁面,以便當編輯的主網頁側邊欄,我也會在其他頁面上生效,我該怎麼做才能做到這一點?這是我的側邊欄的代碼,以防萬一你需要看到

<div id="site_content"> 
    <div class="sidebar"> 
     <!-- insert your sidebar items here --> 
     <h3>Events</h3> 
     <h4>Test Event Name</h4> 
     <h5>Test Date</h5> 
     <p>Test event</p> 
     <p>Test event</p> 
     <p>Test event</p> 
     <p>Test event</p> 
     <p>Test event</p> 
     <p>Test event</p> 

     <div id="images"> 
      <img id="image1" src="http://i.imgur.com/dL3io.jpg" /> 
      <img id="image2" src="http://i.imgur.com/qASVX.jpg" /> 
      <img id="image3" src="http://i.imgur.com/fLuHO.jpg" /> 
      <img id="image4" src="http://i.imgur.com/5Sd3Q.jpg" /> 
     </div> 
     <div id="slider"> 
      <a href="#image1">1</a> 
      <a href="#image2">2</a> 
      <a href="#image3">3</a> 
      <a href="#image4">4</a> 
     </div> 
     <ul class="slidess"> 

      <h4>&nbsp;</h4> 
      <h4>Opening Hours</h4> 

      <h5> Mon - 5:00am - 6:00pm</h5> 
      <h5>Tue - 5:00am - 6:00pm</h5> 
      <h5>Wed - 5:00am - 6:00pm</h5> 
      <h5>Thu - 5:00am - 6:00pm</h5> 
      <h5>Fri - 5:00am - 6:00pm</h5> 
      <h5>Sat - 5:00am - 6:00pm</h5> 
      <h5>Sun - 5:00am - 6:00pm<br></h5> 

      <h3>&nbsp;</h3> 
      <h3>&nbsp;</h3> 
    </div> 
</div> 
+0

我不這麼認爲...... –

+0

該鏈接顯示瞭如何去做你所要求的,幾乎與下面的答案相同。 – Archer

回答

0

您可以使用jQuery來實現這一目標。

<head> 
<title></title> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
$(function(){ 
    $("#sidebar").load("sidebar.html"); 
}); 
</script> 
<body> 
<div id="header"></div> 
</body> 
</head> 

那麼你的側邊欄內容添加到一個名爲sidebar.html另一頁。

+0

謝謝,試試看吧 –

+0

這個答案與鏈接問題的答案几乎相同。 – Archer