PhoneGap と jQuery モバイルを使用して、ネイティブ アプリを構築しています。ヘッダー、ナビゲーション、フッターを除いて、ほとんどのアプリは webview にあります。Webview内に記事リンクのリストとページネーションリンクがあります。ユーザーが記事のリンクをクリックすると、新しいページが既存の webview に読み込まれます。これはまさに私が望んでいるものですが、ページネーションのリンクで jquery モバイルの読み込みエラーが発生します。
基本的に私がやりたいことは、ページネーションの URL を現在の webview URL の末尾に追加することです。次に例を示します。
- 現在の Web ビュー URL は次のとおりです: m.example.com/?mode=Native;
- ユーザーがページネーション リンク (href="2/") をクリックすると、Web ビューが m.example.com/2/?mode=Native に更新されます。
JavaScript は次のようになります。
// loads first page into webview
var mobPage = 'http://m.example.com/?mode=Native';
$('#content').load(mobPage, function() {
$('#content').fadeIn(500);
});
// to load additional pages into webview
$('#articles a, #paginate a').live('click', function(){
event.preventDefault();
var nextPage = $(this).attr('href');
var mobPage = nextPage+"?mode=Native";
$('#content').load(mobPage);
});
これを行う適切な方法は何ですか?