1

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);
});

これを行う適切な方法は何ですか?

4

0 に答える 0