Question

我正在开发一个jquery移动应用程序，我有一个页面index.html，其中包含7个jqm页面，我想要实现的是每3秒一个它应该导航到下一页但是当它到达最后一页时停止第7页

$(function() {
    location.href = "#page1"
    var goToNextPage = null;
    function updatePage() {
        var currentPage = Number(location.hash.slice(-1));
        // if `currentPage` is less than 7
        if (currentPage !== 7) {

            goToNextPage = setTimeout(function() {
                if ((currentPage + 1) <= 7) {

                    // set `location.href` to `#page` + `currentPage` + `1`


                     $.mobile.changePage($('#page'+(currentPage + 1)), { transition: "slide"});
                    console.log(location.hash);
                    // reset event handlers

                }
            }, 3000);
        }
    }

});

问题是我将这些页面命名为＃page1，＃page2，＃page3直到＃page7。并且每个页面上都有一个链接，它将我带到一个名为#regis的不同名称。但是，当我在登录页面时，自动导航仍然会让我回来

Answer 1

导航到#regis页面时，需要禁用导航到其他页面的计时器。我建议您通过链接到#regis页面调用一个javascript函数来禁用计时器，然后导航到正确的页面。

这样的事情：

var goToNextPage = null;

function clickRegis(){
    clearTimeout(goToNextPage)
    $.mobile.changePage($('#regis'), { transition: "slide"});
}

$(function() {
    location.href = "#page1"

    var currentPage = Number(location.hash.slice(-1));

    // if `currentPage` is less than 7
    if (currentPage !== 7) {
        goToNextPage = setTimeout(function() {
            if ((currentPage + 1) <= 7) {
                // set `location.href` to `#page` + `currentPage` + `1`
                $.mobile.changePage($('#page'+(currentPage + 1)), { transition: "slide"});
                console.log(location.hash);
            }
        }, 3000);
    }
});

每隔x秒自动导航到下一页

1 个答案: