0

我正在使用 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>

不知道发生了什么。

4

1 回答 1

1

解决了问题——

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

立即完美运行。

于 2013-07-22T21:18:33.003 回答