2013-05-08 11 views
7

私はphonegap/cordovaプロジェクトを作成しています。私はguideが新しいアンドロイド/ phonegapプロジェクトを作ることを示唆しているので、コマンドラインを使ってスケルトンプロジェクトを作成しました。cordova/phonegapプロジェクトのすべてのhtmlファイルにapp.initialize()を追加する必要があります

作成されたindex.htmlファイルには、コードapp.initialize()があり、コードはindex.jsというファイルから来ます。

私の質問は、jQueryMobileを使用してフロントエンドを行うので、いくつかのhtmlファイルが必要な場合があるので、このHTMLコードをすべてのHTMLファイルに入れておく必要があります。

var app = { 
    // Application Constructor 
    initialize: function() { 
     this.bindEvents(); 
    }, 
    // Bind Event Listeners 
    // 
    // Bind any events that are required on startup. Common events are: 
    // 'load', 'deviceready', 'offline', and 'online'. 
    bindEvents: function() { 
     document.addEventListener('deviceready', this.onDeviceReady, false); 
    }, 
    // deviceready Event Handler 
    // 
    // The scope of 'this' is the event. In order to call the 'receivedEvent' 
    // function, we must explicity call 'app.receivedEvent(...);' 
    onDeviceReady: function() { 
     app.receivedEvent('deviceready'); 
    }, 
    // Update DOM on a Received Event 
    receivedEvent: function(id) { 
     var parentElement = document.getElementById(id); 
     var listeningElement = parentElement.querySelector('.listening'); 
     var receivedElement = parentElement.querySelector('.received'); 

     listeningElement.setAttribute('style', 'display:none;'); 
     receivedElement.setAttribute('style', 'display:block;'); 

     console.log('Received Event: ' + id); 
    } 
}; 
+1

新しいページをajaxで呼び出すつもりがない場合(つまり、新しいページのように新しい.htmlを開くだけであれば)、すべてを呼び出してください。 – RaphaelDDL

+1

本を読むと、同じサーバー/ドメインでホストされているページへの外部リンクを検出すると、jQueryMobileはそのページをAjaxで呼び出します。私はそれを試して、他のページはスムーズに動作します、これがうまくいくかどうか確認する必要があります。 –

答えて

3

すべてのページがAjaxコールによって呼び出されるため、理論上、すべてのページにその行を追加する必要はありません。しかし、場合によっては、特定のページがajaxコールから呼び出されない可能性がある場合や、インデックスページではなく、そのページの奇妙な理由でユーザーが呼び出される可能性がある場合など、追加することもできます。

関連する問題