顯示使用jquery或javascript最後可見的部分

嘗試在此創建一些下一個和上一個功能。使用隱藏和顯示瀏覽不同的HTML5部分，是否有可能爲我的後退按鈕找到最後一個可見的div並顯示它？顯示使用jquery或javascript最後可見的部分

這是我的相關HTML

<div id="next"><img src="img/next.png" alt="" onclick="nextPage()"></div> 

    <section id="splash"> 
     <br><br><br> 
     <center> 
     <img src="img/home.jpg" alt=""> 
     </center> 
    </section> 

    <section id="home"> 
     <br><br><br><br><br> 
     <center> 
     <ul id="nav"> 
      <li><img src="img/feat_btn.png" alt="" onclick="nextPage('feat-home')"></li> 
      <li><img src="img/models_btn.png" alt="" onclick="nextPage('model-lineup')"></li> 
      <li><img src="img/quiz_btn.png" alt="" onclick="nextPage('quiz')"></li> 
     </ul> 
     </center> 
    </section> 

    <section id="feat-home">feat home</section> 
    <section id="feat-e-menu">e menu</section> 
    <section id="feat-g-menu">g menu</section> 
    <section id="feat-i-menu">i menu</section> 
    <section id="model-lineup">lineup</section> 
    <section id="model-YWFE540H0A">model</section> 
    <section id="quiz">quiz</section>

相關JS

function nextPage(link) { 
    var vis = $("section:visible"); 
    var next = vis.next(); 

    if (link) { 
     var link = "#" + link; 
     vis.hide(); 
     $(link).show(); 
    } else { 
     vis.hide(); 
     next.show(); 
    } 
    }

於是，接下來的按鍵將帶你通過流過的應用程序，但你也可以按下按鈕來獲得到你想去的地方，這就是爲什麼我不能讓後退按鈕顯示前一部分並隱藏當前部分。

任何想法？

來源

2013-01-08 thisuser

點擊後，您需要將當前顯示的內容存儲在單獨的變量中，並將其用於之前的按鈕點擊。

單擊前一個按鈕時，顯示「之前顯示的」變量中的內容。

當新頁面加載時，您需要禁用上一個按鈕。

這確實看起來很像一些內容滑塊插件。

來源

2013-01-08 20:03:09 mrmonroe

謝謝。我創建了一個名爲previous的全局變量，並在我的下一個函數中設置了prev = vis，然後創建了prev函數。這就是我所要求的，所以感謝你。但是如果我希望能夠繼續回去，因爲這個方法只會顯示最後一頁 - 我應該把所有的前面的頁面放在一個數組或其他東西嗎？有什麼想法嗎？ – thisuser

顯示使用jquery或javascript最後可見的部分

回答

相關問題