第一次访问时未加载jQuery Mobile页面内容

Question

我正在使用jQuery Mobile和Phonegap开发适用于iOS设备的新应用。

• jQuery mobile-1.3.2
• 科尔多瓦3.0.0-0

我在加载页面的主要内容时遇到问题，正常加载主页没有任何问题，但是如果我单击导航到另一个页面，则页面的主要内容不会加载。 如果我访问应用程序上的另一个页面，或者只是返回并重新访问所有内容加载，则不会有任何问题。

首次访问页面

首次访问后的页面

进入我的日志，没有错误，我只能看到的消息是

1. CDVWebViewDelegate：状态为1时开始导航
2. 无法加载网页，并显示以下错误：CDVWebViewDelegate：状态为1时开始导航

为了清楚起见，这两个错误一直存在，所以我不确定这是否与加载页面的主要内容有关

这是我的代码

  <!--FAQs --> <div data-role="page" id="fqsabout_pg" data-title="fqsabout_pg" data-theme="x"> <div data-role="header" data-position="fixed" data-tap-toggle="false"> <a data-role="none" class="logo_img overlay30" data-transition="none"> <img class="banner" id="banner" src="" alt=""> </a> <div class="separator"></div> <div class="sub-title">FAQs</div> </div> <div data-role="content" class="scrollable schrollcontiner"> <div class="pg-massage-box"> <p class="pg-message"> This section contains answers to some of the most common questions</p> <div data-role="popup" id="howVacWork"> <p>Some text</p> </div> <p></p> </div> <div data-role="collapsible-set" data-expanded-icon="arrow-u" data-collapsed-icon="arrow-d" data-iconpos="right" class="vacccine-pg-list-box" data-theme="b"> <div data-role="collapsible" id="Routine-collaspible"> <h3>Alternatives</h3> <ul data-role="listview"> <li><a href="#xyz" data-transition="none">xyz </a></li> <li><a href="#wbw" data-transition="none">wbw</a></li> </ul> </div> <div data-role="collapsible" id="Special-collaspible"> <h3>Safety</h3> <ul data-role="listview"> <li><a href="#mnw" data-transition="none">mnw</a></li> <li><a href="#qrc" data-transition="none">qrc </a></li> </ul> </div> </div> <div data-role="footer" data-position="fixed" data-tap-toggle="false" data-tap-toggle="false"> <div data-role="navbar" data-iconpos="top" id="line"> <ul> <li> <a href="#home_pg" id="tab1" data-transition="none"> <img src="img/HoMe.png" alt="" /> </a> </li> </ul> </div> </div> </div> 

Answer 1

经过研究后，我设法解决了这个问题。

显然，iOS8不支持-webkit-overflow-scrolling：

删除-webkit-overflow-scrolling： 解决问题。