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

Question

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

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

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

第一次访问页面

第一次访问后的页面

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

1. CDVWebViewDelegate：当 state=1 时开始导航
2. 无法加载网页并出现错误：CDVWebViewDelegate: Navigation started when state=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; 修复问题。