如何在jquery mobile-phonegap上调用函数？

Question

我有一个索引页面（index.html），用户可以从该页面转到登录页面（login.html）

所以要转到login.html我这样做：

$.mobile.pageContainer.pagecontainer("change", "login.html",
{transition: "none", changeHash: false, reload: true});

但是在login.html上我想在加载页面时调用一些函数。所以我尝试了以下但是他们没有工作（没有触发）

$( document ).on( "pageinit", "#loginPage", function( event ) {  
alert( "This page was just enhanced by jQuery Mobile!" ); });

或者这个：

document.addEventListener("deviceready", init, false);

Answer 1

开发cordova最重要的一点是收听cordova deviceready活动：

document.addEventListener("deviceready", startApp, false);

function startApp(){
   // begin your app logic here
}

另一个提示：不要使用多个html文件创建多站点布局。它会减慢您的应用程序，并且开发起来会更加困难。

Answer 2

$( '#loginPage' ).on( 'pagebeforeshow',function(event){
 alert( "This page was just enhanced by jQuery Mobile!" ); });
}

Answer 3

所以我想出了如何修复它。 我在index.html

上加载了所有.js文件

我将以下行放在index.js

上

$('#loginPage').live('pagebeforeshow',function(e,data){    
       init(); // this is defined on login.js

});