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

Question

我正在使用jQuery Mobile和Phonegap为iOS设备开发新的应用程序。

• jquery mobile-1.3.2
• Cordova 3.0.0-0

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

第一次访问时的页面

第一次访问后的

页面

进入我的日志没有错误，我能看到的唯一信息是

1. CDVWebViewDelegate：当state = 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：touch;

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