jQuery Mobile의 다중 HTML 페이지

최근 jQuery Mobile을 기본 Android 앱 (phoneGap 포함)으로 사용하기 시작했습니다. 나는 중간 DIV에 두 번째 html 파일의 내용 (아래) 가져올jQuery Mobile의 다중 HTML 페이지

<html> 
<head> 
    <meta charset="utf-8"> 

<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="css/rtl.jquery.mobile-1.2.0.min.css" /> 
<link rel="stylesheet" href="css/style.css"> 

<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script src="js/rtl.jquery.mobile-1.2.0.min.js"></script> 


    <title>Untitled Document</title> 
</head> 
<body> 
<div class="all_app_position" data-role="homePage"> 
    <div data-role="header" class="header"> 
     header 
    </div> 
    <div class="middle"> 
     Middle contnet 
    </div> 

    <div class="footer"> 
     footer content 
    </div> 

</div> 

</body> 
</html>

이것은 내 index.html을합니다.

 <div data-role="page" id="about"> 
     <div data-role="header"><h1>Page 2</h1></div> 
     <div data-role="content"><p id="deviceProperties">Loading device properties...</p></div> 
     <div data-role="footer"><h4>Footer</h4></div> 
    </div>

어떻게하면됩니까?! 나는 많은 방법을 시도했지만 나는 할 수 없었다.

링크는 Ajax를 사용하게 될 것입니다. 다른 파일에서 HTML을 포함하는 많은 방법이 있습니다

출처

2012-12-02 Yehuda

내 영어

감사합니다 :) 죄송

. 자세한 내용은 http://webdesign.about.com/od/ssi/a/aa052002a.htm 링크를 확인하십시오.

가장 좋은 방법 중 하나는 HTML의 인라인 프레임 또는 iframe 태그입니다.

출처

2012-12-02 13:39:38 Rups

JQM에는 특정 DIV 내의 페이지를 대체하는 기능이 포함되어 있지 않습니까? – Yehuda

jQuery Mobile의 다중 HTML 페이지

답변

관련 문제