第一次訪問時未加載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： 解決問題。