Question

我正在使用jqm和phonegap开发一个应用程序。该应用程序包含多个html页面，这些页面将根据Web服务器返回的信息进行更新。

我的初步计划是在第一次加载应用程序时从Web服务器检索所有信息并预先填充其他html页面，以便用户无需等待在每个页面之间导航时联系服务器

function onDeviceReady() {

// pre-fetch pages so we can setup the main pages before the user gets to them
$.mobile.loadPage( "page2.html", { showLoadMsg: false } );
$.mobile.loadPage( "page3.html", { showLoadMsg: false } );


// Return JSON from php web server
    ....

// id of div on page2.html - update based on information returned from web server
$("#page2MainDiv").append('<p>hello!!!</p>');

}

我有两个问题：

1）上面的代码不起作用......我没有得到任何错误，但html没有更新 - 我无法看到我出错的地方，这让我发疯了！

2）这是一种明智的做法吗？由于我是移动和网络开发的新手，我不确定是否有更好的方法。

提前致谢

克里斯

Answer 1

尽量让它变得更容易。您可以使用简单的“数据预取”属性来链接，而不是javascript。试着读一下：JQuery Mobile Cahce & Prefetch。如果您没有大量数据和子页面，则加载页面可能是个好主意。通常您不知道用户将选择哪个子页面，或者他是否会选择任何子页面。在这种情况下，加载大多数甚至所有数据可能毫无意义。同样，如果您的应用很小并且不需要大量数据，您可以使用您的approch。但是我不建议它，也不要在我的应用程序中使用它。加载数据对用户来说也可能很昂贵，请记住这一点。

使用JQueryMobile和PhoneGap修改预加载的页面

1 个答案: