jquery mobile windows phone 7 multipage不能正常工作

在windows phone模擬器中簡單的jquery mobile多頁面導航不起作用。有沒有人有解決方案？jquery mobile windows phone 7 multipage不能正常工作

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="width=device-width, height=device-height, initial-  
scale=1.0, maximum-scale=1.0, user-scalable=no;" /> 
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
<link rel="stylesheet" href="css/custom.min.css" /> 
<link rel="stylesheet" href="css/jquery.mobile.structure-1.1.0.min.css" /> 
<link rel="stylesheet" href="css/master.css" /> 
<script type="text/javascript" charset="utf-8" src="js/jquery.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/phonegap-1.3.0.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/jq.mob-1.1.0.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/data.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/knockout.js"></script>   
<script type="text/javascript"> 

    document.addEventListener("deviceready", onDeviceReady, false); 

    // PhoneGap is loaded and it is now safe to make calls PhoneGap methods 
    // 
    function onDeviceReady() { 

    } 


</script> 
</head> 
<body> 
<!-- Home Page --> 
<div data-role="page" id="home" data-theme="a"> 
    <div data-role="header"> 
     <h1>Menu</h1> 
    </div> 
    <div data-role="content"> 
     <h2>Menu</h2> 
     <a href="#page1">page 1</a> 
    </div> 
</div> 
<!-- Home Page End --> 
<!-- Page 1 --> 
<div data-role="page" id="page1" data-theme="a"> 
    <div data-role="header"> 
     <h1>Page 1</h1> 
    </div> 
    <div data-role="content"> 
     <h2>Page 1</h2> 
    </div> 
</div> 
<!-- Page 1 End --> 
</body>

編輯：爲了更加清晰，我添加了頭部。

我想多頁的導航必須爲Windows手機被打破，所以如果有人知道替代我將不勝感激

來源

2012-06-15 MightyAtom

請發佈您的頁面的完整代碼。你有什麼似乎是正確的，但''呢？ – Jasper

有什麼不適用於它？ –

您可以使用自己的函數來顯示，通過使用顯示屬性和使用文件隱藏股利。 getElementById（''）

來源

2013-03-31 13:11:21 ahmedelhamdi

jquery mobile windows phone 7 multipage不能正常工作

回答

相關問題