Jquery mobile和PhoneGap:重新加载页面以获取数据库中的下一个项目

时间:2012-09-09 03:31:09

标签: jquery cordova jquery-mobile

我想在用户向右滑动到数据库中的下一个项目后重新加载页面(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});
}

 } );   

1 个答案:

答案 0 :(得分: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”):)。