JQM加載pagecontainer中的html頁面

Question

我有一個基本要求，請有人請幫助我嗎？

我有兩個HTML頁面：

頁＃1 - > JQM頁面

頁＃2 - >是一個基本的HTML頁面與一些<div>的。

現在需要的是我需要在Page＃1的指定容器中顯示Page＃2內容。

我試過使用$.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"> 

感謝 拉維

Answer 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> 

本示例使用​​來獲取第二個文檔中的數據。文檔位置之後的選擇器是您想要從第二個文檔中獲取的元素（稱爲「加載頁面片段」）。

這裏是​​的文檔：http://api.jquery.com/load/

$.mobile.loadPage()需要裝載的頁面使用的jQuery Mobile的結構：<div data-role="page">[Page Contents]</div>