2017-03-27 371 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