私は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);
}
};
新しいページをajaxで呼び出すつもりがない場合(つまり、新しいページのように新しい.htmlを開くだけであれば)、すべてを呼び出してください。 – RaphaelDDL
本を読むと、同じサーバー/ドメインでホストされているページへの外部リンクを検出すると、jQueryMobileはそのページをAjaxで呼び出します。私はそれを試して、他のページはスムーズに動作します、これがうまくいくかどうか確認する必要があります。 –