2011-10-28 12 views
0

私は基本的な要件を持っています。JQMはページマネージャーのhtmlページを読み込みます

私は2つのHTMLページがあります。

ページ#1 - > JQMページ

ページ#2 - >は、いくつかの<div>年代の基本的なHTMLページです。

ここでは、Page#2のコンテンツをPage#1の指定されたコンテナに表示する必要があります。

私は$.mobile.loadPage()を使用しようとしましたが、残念ながらうまくいきません。誰か助けてもらえますか?私は以下のコードを貼り付けています。

ページ#1コード:

JS:

<script> 
    $('#MyPage').live("click", function() { 
     var dataurl = $(this).attr("data-url"); 
     if (dataurl != null) 

      $.mobile.loadPage("/marq.html",{ 
       pageContainer:$("#myCont"), 
       data:dataurl 


      }); 
    }); 
    </script> 

HTML:

<div data-role="page" id="MyPage"> 
    <div data-role="header" class="header" role="banner"> 
    </div> 
    <div data-role="content" id="myCont"> 

おかげ ラヴィ

答えて

0

あなたが必要とするすべては1からデータをロードすることであるようですねAJAXの電話で他の人に文書を送る:

<script> 
$('#MyPage').live("click", function() { 
    var dataurl = $(this).attr("data-url"); 
    if (dataurl != null) 

    $("#myCont").load('marq.html #id_of_element_to_grab'); 
}); 
</script> 

この例では、​​を使用して、2番目のドキュメントのデータを取得します。ドキュメントの場所の後に来るセレクタは、2番目のドキュメントから取得したい要素です(「ページフラグメントの読み込み」と呼ばれます)。ここで

は​​のドキュメントです:http://api.jquery.com/load/

$.mobile.loadPage()がロードされているページはのjQueryのモバイル構造を使用している必要があります<div data-role="page">[Page Contents]</div>

関連する問題