2012-06-15 3 views
1

Windows phone 에뮬레이터에서 간단한 jquery 모바일 멀티 페이지 탐색이 작동하지 않습니다. 해결책이있는 사람이 있습니까?jquery mobile windows phone 7 멀티 페이지가 작동하지 않습니다.

<!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 Phone 용 깨진 생각합니다

+0

페이지의 전체 코드를 게시하십시오. 당신이 가진 것은 정확하지만 ''은 무엇입니까? – Jasper

+0

그것에 대해 어떻게 작동하지 않습니까? –

답변

0

당신이 표시하고 표시 속성을 사용하여 문서를 사용하여 DIV를 숨기기 위해 자신의 기능을 사용할 수 있습니다. getElementById ('')