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();
    }
  }

したがって、次のボタンを押すとアプリからの流れがわかりますが、ボタンを押して目的の場所に移動することもできます。そのため、戻るボタンで前のセクションを表示して現在のセクションを非表示にすることはできません。 1。

何か案は？

4

1 に答える 1

1

クリックすると、現在表示されているものを別の変数に保存し、それを以前のボタンクリックに使用する必要があります。

前のボタンをクリックすると、「前に表示された」変数の内容が表示されます。

新しいページの読み込み時には、前のボタンを無効にする必要があります。

これは、世の中にあるいくつかのコンテンツ スライダー プラグインとよく似ています。

于 2013-01-08T20:03:09.190 に答える