2012-02-20 4 views
2

phonegap 및 jquerymobile을 사용하여 webapp를 만듭니다. 내가 다른 페이지로 이동 changePage을 사용하고 때 그것은 working.Here 내 코드jquery mobile changePage()가 올바르게 작동하지 않습니다.

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width; user-scalable=no" /> 
<script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> 
<script type="text/javascript" src="jquery-1.7.1.min.js"></script> 
<link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" /> 
<script type="text/javascript" src="jquery.mobile-1.0.1.min.js"></script> 
</head> 

<script type="text/javascript"> 
function clickEvent() 
{ 
    $.mobile.changePage("account_page.html", null, true, true); 
} 
</script> 
<body> 
<div style="top: 0; left: 0; position: absolute; z-index: 1;"> 
    <img src="images/login_screen.JPG" alt="login_screen" width="320" onclick="clickEvent()"/> 
</div> 
</body> 
</html> 

하지 않고 내가 그 다음이 작동

window.location.href = 'file:///android_asset/www/account_page.html'; 

를 사용할 때 ... 왜 이렇게입니까?

+0

이 작품은,이 개념을 지우기 위해 $ .mobile.changePage ("account_page.html") 만 ... – viv

답변

9

$ .mobile.changePage가 다른 HTML을보기에로드하지 않습니다. 그것은 누구의 링크가 준 HTML에서 html을 스캔하고, 첫 번째 jqm '페이지'를 가져 와서 DOM에 추가합니다 (전체 HTML이 아님)
당신이 의도 한 것이 아니며 전체 account_page DOM을에, .html 파일 다음 u'll 중 하나

window.location.href or navigator.app.loadUrl 
+0

감사 ghostCoder을 시도 할 수있다 사용해야합니다 .. :) –

+0

뛰어난 설명, 감사합니다! – Maxbester

관련 문제