Question

我是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 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>

index.html中有一个使用jquery页面加载效果的例子

这是我的剧本：

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

我的问题在这里，当我尝试单击返回按钮时，只显示所有三个div中的id页面3的页面（返回按钮，它不能正常工作）..所以我需要当我在页面上带有id页面-3（第三页），然后我点击返回按钮，它返回到具有id页面-2（第二页）的页面......当我在页面上有id页面-2（第二页）时我点击返回按钮，它返回到页面为id页面1（第一页）... 我希望找到解决办法最好的问候..

回到动态html页面

0 个答案: