如何在屏幕上第二次重新加载页面？

Question

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

我在想这样的事情，但它并没有起作用：

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

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

编辑：

我找到了答案!!

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

Answer 1

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

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

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

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

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

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