Javascript 返回动态html页面

我有index.html，它的连续3个div和任何div的连续id，用于使用jquery加载效果的页面，如动态网站。。这是我的代码：

<div id="pagewrap" class="pagewrap">
    <div class="container show" id="page-1">
        <a href="#page-2" class="pageload-link">Start Ordering</a>
    </div>

我这里的问题是，当我尝试单击“返回”按钮时，它仅在所有三个div中显示id为page-3的页面（返回按钮工作不正常）。。所以我需要当我在id为第3页（第三页）的页面上时，单击“返回”按钮返回id为第2页（第二页）的页面。。。当我在id为第2页（第二页）的页面上时，我单击“返回”按钮，它将返回id为第1页（第一页）的页面。。。 我希望找到解决办法

---

致以最诚挚的问候。

Peter，以后请尝试正确格式化代码（代码前后各有一行空行，每行缩进四行或更多空格，并删除多余的空白行）@罗里：谢谢，我正要把我自己编辑的代码粘贴上去：）@salketter不是每个人都会说英语，所以是母语。@salketternazisraus！谢谢你的回答，我的问题已经被编辑了。。好吗？现在没人回答我

    <div class="container" id="page-2">
        <li class="soups">
            <a href="#page-3" class="pageload-link">
                <div class="links">Soups</div>
            </a>
        </li>
        <p><a class="pageload-link" id="back" href="#page-1">Go back button</a></p>
    </div>

    <div class="container" id="page-3">
        <p><a class="pageload-link" id="back" href="#page-1">Go back button</a></p>
    </div>

</div>

(function () {
    var pageWrap = document.getElementById('pagewrap'),
        pages = [].slice.call(pageWrap.querySelectorAll('div.container')),
        currentPage = 0,
        triggerLoading = [].slice.call(pageWrap.querySelectorAll('a.pageload-link')),
        loader = new SVGLoader(document.getElementById('loader'), {
            speedIn: 300,
            easingIn: mina.easeinout
        });

    function init() {
        triggerLoading.forEach(function (trigger) {
            trigger.addEventListener('click', function (ev) {
                ev.preventDefault();
                loader.show();

                // after some time hide loader
                setTimeout(function () {
                    loader.hide();
                    classie.removeClass(pages[currentPage], 'show');

                    // update..
                    currentPage = currentPage ? 0 : 1;
                    classie.addClass(pages[currentPage], 'show');
                }, 2000);

                setTimeout(function () {
                    loader.hide();
                    classie.removeClass(pages[currentPage], 'show');

                    // update..
                    currentPage = currentPage ? 1 : 2;
                    classie.addClass(pages[currentPage], 'show');
                }, 2000);
            });
        });
    }
    init();
})();