jQuery Mobile を使用して PhoneGap アプリを構築しています。アプリで外部ソースからhtmlページをロードし、ユーザーがリンクをクリックしたのと同じhtmlページの「コンテンツ」divに配置します(ただし、JQMの別の「ページ」divに)。
- 「#booking-content」は、外部ページをロードするコンテンツ div です。
「#bookings」は、外部ページがロードされた後にロードして表示したいページ div です。- 「#bookings_link」は、ユーザーがクリックしたリンクの ID であり、関数呼び出しの発信元です。
リンクのクリックイベント機能は次のとおりです。
$('#bookings_link').click(function(){'
$("#booking_content").load("http://www.pagetoload.com",function(){
$('#booking_content').trigger("pagecreate").trigger("refresh");
$.mobile.changePage( $("#bookings"), { transition: "slideup"} );
})
jQueryMobile の $.mobile.loadPage 関数も使用してみました。
$.mobile.loadPage("http://www.pagetoload.com",{pageContainer: $('#booking_content')});
$.mobile.changePage( $("#bookings"), { transition: "slideup"} );
jQuery の load メソッドを使用すると、次のエラー メッセージが表示されました: Uncaught TypeError: Object [object DOMWindow] has no method 'addEvent' at file: and "Unknown chromium eroor: -6"
また、ロジックを pagebeforechange-loop (http://jquerymobile.com/demos/1.0/docs/pages/page-dynamic.html) に含めようとしましたが、結果はありません。それから、アプリは次のように言っています: *Uncaught TypeError: Cannot read property 'options' of undefined at file:///android_asset/www/jquery.mobile-1.1.1.min.js:81*
クロスドメイン リンク用に $.support.cors と $.mobile.allowCrossDomainPages の設定を true に設定しました。
jquerymobile 1.1.1 と jquery のコア 1.7.1 を使用しています。Android SKD API レベル 16 AVD でテストしています。
奇妙なことの 1 つは、同じロジックでページ読み込み機能を以前に動作させたことですが、SVN を使用していないため、これのどこにエラーがあるかを確認する可能性がありません。
私はこれに完全に行き詰まっており、誰かが私に正しい方向性を示してくれればとても感謝しています.