鏈接網主頁的側邊欄的所有網頁

-1

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

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

來源

2017-03-27 Sun Wukong

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

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

您可以使用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另一頁。

來源

2017-03-27 11:14:00 Conor

謝謝，試試看吧 –

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

鏈接網主頁的側邊欄的所有網頁

回答

相關問題