0

尝试在这里创建一些下一个和上一个功能。使用隐藏和显示浏览不同的 HTML5 部分，对于我的后退按钮，是否有可能找到最后可见的 div 并显示它？

这是我的相关 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();
    }
  }

因此，下一个按钮将带您完成应用程序的流程，但您也可以按按钮到达您想去的地方，这就是为什么我不能只让后退按钮显示上一个部分并隐藏当前一。

有任何想法吗？

4

1 回答 1

1

单击时，您需要将当前显示的内容存储在单独的变量中，并将其用于之前的按钮单击。

单击上一个按钮时，显示“以前显示的”变量中的内容。

当新页面加载时，您将需要禁用上一个按钮。

这确实看起来很像那里的一些内容滑块插件。

于 2013-01-08T20:03:09.190 回答