外部HTML或隱藏內容

Question

這個問題可能很愚蠢，但是我第一次碰到我的生活中的一些HTML和CSS，所以它就這樣了。 基本上我試圖找出如何在整個網站上保持一致，這顯然很容易，這可能很容易，但我有點掙扎，我會告訴你爲什麼！

我有3個主要頁面1 2 3，一個導航鏈接到每個頁面1,2,3，還有幾個全屏幻燈片，當用拇指調用時它會自己顯示。的主要頁面） 我要做的是每個幻燈片獲得一個html，所以當點擊拇指時，它會通過它的URL在幻燈片上展示，例如，在「slide1.html」中，我放置了相同的我的主要頁面，但現在針對頁面的URL的HREF但它沒有工作，因爲我只有一個網址我的三個主要網頁我也認爲這不是一種方式來實現它。

我看了一些網站，但我不完全確定它是否適合我想要的。外部html會是一個好的解決方案嗎？

http://api.jquery.com/load/

<nav> 

     <ol> 
      <li><a href="#page1">Page 1</a></li> 
      <li><a href="#page2">Page 2</a></li> 
      <li><a href="#page3">Page 3</a></li> 
     </ol> 

    </nav> 

＃

<div id="page2"> 
    <p>Page 2</p> 

    <li class="thumb"> 
     <a href="url-slide1">Thumb 1</a> 
    </li> 
    <li class="thumb"> 
     <a href="url-slide2">Thumb 2</a> 
    </li> 
    <li class="thumb"> 
     <a href="url-slide3">Thumb 3</a> 
    </li> 
</div> 

<div id="page3"> 

    <p>Page 3</p> 
</div> 

我想知道是否有辦法讓隱藏在第2頁中的所有幻燈片，所以我會打電話的DIV從相同的HTML文件會更容易。

<nav> 

     <ol> 
      <li><a href="#page1">Page 1</a></li> 
      <li><a href="#page2">Page 2</a></li> 
      <li><a href="#page3">Page 3</a></li> 
     </ol> 

    </nav> 


    <div id="page1"> 
     <p>Page 1</p> 
    </div># 

    <div id="page2"> 
     <p>Page 2</p> 
     <li class="thumb"> 
       <a href="#slides1">Thumb 1</a> 
     </li> 
      <li class="thumb"> 
     <a href="#slides2">Thumb 2</a> 
      </li> 
     <li class="thumb"> 
     <a href="#slides3">Thumb 3</a> 
     </li> 
</div> 

<div id=slidesWraper> 
    <div id=slides1"><div> 
    <div id=slides2"><div> 
    <div id=slides3"><div> 
</div> 

<div id="page3"> 

    <p>Page 3</p> 
</div> 

我希望鏈接幫助http://jsfiddle.net/marco_desi/fJ2yv/不太確定。

非常感謝您提前。

Answer 1

我問過與newby相同的問題，問題形式的答案是「有3頁而不是1頁有什麼問題？」所以，不要爲此煩惱，每個percieved頁面都有一個html頁面。