2012-02-20 115 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 2014-02-08 07:04:01

回答

9

$ .mobile.changePage不會加載另一個html到視圖中。它會掃描html鏈接的html,獲取第一個jqm'頁面'並將其添加到dom中(而不是整個html)
如果這不是你想要做的,並且希望加載完整的account_page .HTML到DOM然後日子會把你可以選擇使用

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

感謝ghostCoder清除這個概念.. :) – 2012-02-20 14:52:54

+0

優秀的解釋,謝謝! – Maxbester 2013-01-10 16:17:28