Jquery移动和PhoneGap : Reload page to get next item in database

Question

我想在用户向右滑动到数据库中的下一项(id 将增加 1)后重新加载页面，但它不起作用。它显示警报(ID+1)，但页面仍然不重新加载或更改页面(同一页面)以获取新项目。

$('#word').live( 'swipeleft', function( e ) {
alert( 'You swiped right!' );
if(parseInt(sessionStorage.currWord_ID) >= parseInt(sessionStorage.firstWordID) && parseInt(sessionStorage.currWord_ID) < parseInt(sessionStorage.lastWordID)){
    sessionStorage.currWord_ID = parseInt(sessionStorage.currWord_ID) + 1;
    alert("ID +1");
    $.mobile.changePage($("#word"),{transition: "pop",reloadPage: true});
}

 } );   

Answer 1

要重新加载/刷新您的页面，您可能想尝试以下操作:

$('#word').live( 'swipeleft', function( e ) {
    alert( 'You swiped right!' );
    if(parseInt(sessionStorage.currWord_ID) >= parseInt(sessionStorage.firstWordID) &&   parseInt(sessionStorage.currWord_ID) < parseInt(sessionStorage.lastWordID)){
        sessionStorage.currWord_ID = parseInt(sessionStorage.currWord_ID) + 1;
        alert("ID +1");
        $(location).attr('href',"index.html");
    }
});

确保您的 HTML 文件“index.html”中只定义了一个 jquery 移动页面(在本例中为“word”)。