javascript - 当页面第二次出现在屏幕上时如何重新加载页面？

Question

我有个问题。我有一个带有指向滑块页面的列表视图主页的小 jQuery 应用程序。您可以在此处使用滑块插入一个值。然后它将它传递到下一页。在该页面上显示数字。现在，如果我单击左上角的后退按钮，我想重新加载主页，以便滑块回到原来的位置并且还没有显示数字。

我正在考虑这样的事情，但它并不完全奏效：

$(document).on('pageinit', '#homepage',  function(){
        if (number !== 0) {
           location.reload();
        } 
});

这是我的项目：http: //jsfiddle.net/9ytwt/1/

编辑：

我找到了答案！！

$('#homepage').bind('pageshow', function() {
            location.reload();
});

score 0 · Accepted Answer

而不是重新加载，它可以在某些浏览器/webviews 中保留值，你可以尝试： document.location = document.location，它基本上将页面转发给它自己，就像点击一个链接一样。

编辑：首先，这里有一些主要的设计缺陷。重新加载页面只是为了重置一些输入是不正确的做法。其次，您不应该绑定到pageinit，而是绑定到pagebeforeshow，这会在每次显示页面之前触发。

在您的代码中，您应该将页面 id 更改为“pageWithSlider”或类似的东西，然后您可以使用：

$( document ).on( "pagebeforeshow", "#pageWithSlider",  function() {
    $( "#slider" ).val( 20 );
} );

每次显示页面时都会重置滑块。

如果您想了解不同的事件，您可以绑定到：http: //jquerymobile.com/test/docs/api/events.html

1 回答 1