Question

我正在使用jQuery开发PhoneGap应用。当我在桌面上测试应用程序时，所有导航链接都运行良好，data-role="page"分离并显示/不显示完美。

然而，当我使用PhoneGap Builder构建它时，当我运行应用程序时，所有页面都显示为第一页的一部分，整个内容都可以滚动。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

<script>
// script to allow swipeleft/right through nav pages
// flip effect transition required

</script>
</head> 
<body> 

<div data-role="page" id="navPage1">

    <div data-role="content"><a href="#facebookFeed"><img id="fb_image" style="margin-left: .5em; margin-right: 0em; margin-bottom: 0em; margin-top: .5em; width: 288px; height: 320px;" src="assets/images/fb_image.png" alt="mctn_facebook"></img></a>
      <a href="#twitterFeed"><img id="twt_image" style="margin-left: .5em; margin-right: .25em; height: 130px; width: 138px;" src="assets/images/twt_image.png" alt="mctn_twitter" ></img></a>
      <a href="#youtubeFeed"><img id="yt_image" style="margin-right: .5em; height: 130px; width: 138px;" src="assets/images/yt_image.png" alt="mctn_youtube"></img></a>    </div>

</div>

<div data-role="page" id="navPage2">
    <div data-role="header">
        <h1>Page Two</h1>
    </div>
    <div data-role="content">   
        Content     
    </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>

<div data-role="page" id="navPage3">
    <div data-role="header">
        <h1>Page Three</h1>
    </div>
    <div data-role="content">   
        Content     
    </div>
    <div data-role="footer">
        <h4>Page Footer</h4>
    </div>
</div>

不确定最新情况。

Answer 1

解决了问题 -

我最终将.js文件放在app文件夹中，而不是远程调用它们。

马上完美地工作。

jquery mobile / phonegap构建中的所有页面都显示出来

1 个答案: