Question

我正在使用多个页面的JQuerymobile网站。如果显示其中一个页面（id =“显示”），我希望在延迟6秒后重定向到另一个页面（id = #redirected“）。

在我的代码中，注释行适用于此，但问题是如果用户在此期间更改为另一个支持页面，它甚至会重定向到#redirected页面。所以我需要的是“如果其他页面没有显示”这里的东西。

我也尝试过使用JQuery“changePage”（它可以很好地处理转换等），但我不知道如何在这里实现延迟。

请参阅我的代码：

    $("#shown").bind("pageshow", function(e) {
    //window.setTimeout('window.location="#redirected"; ',6000);
    $.mobile.changePage("#fertig", { reverse: "false"});

Answer 1

我为你做了一个工作jsfiddle： http://jsfiddle.net/zUZMx/

使用带有三个页面的jQuery移动多页面模板，其中id为“one”，“two”和“three”。当导航到两个时，它会启动超时6秒，之后它会检查活动页面是否为“2”，如果是，则继续使用移动更改页面将用户重定向到三个（这样您就可以充分利用转换）。 / p>

使用的Javascript：

$(document).delegate("#two", "pageshow", function(event) {
setTimeout(function() {
   if($.mobile.activePage.attr("id") == "two") {
        $.mobile.changePage("#three", {
            transition: "slide"
        });
    }
}, 6000);});

如果我理解你的情况，“两个”会改为“显示”而“三个”会改为“重定向”。

JQuerymobile重定向页面显示有延迟

1 个答案: