jQuery Содержимое мобильной страницы не загружается при первом посещении

Question

Я использую jQuery Mobile и Phonegap для разработки нового приложения для устройств iOS.

• JQuery мобильных 1.3.2
• Кордова 3.0.0-0

Im возникли проблемы нагружает основное содержание страницы, главная страница нагрузки, как правило, без каких-либо проблем, однако если г нажмите перейти на страницу пыльника, чтобы основное содержимое страницы не загружалось. Если я посещу другую страницу в своем приложении или просто вернусь и снова загружу всю загрузку содержимого без каких-либо проблем.

Страница на первом визите

Страница после первого визита

Идущий в моих журналах нет ошибок единственное сообщение я могу увидеть

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> 
 
    \t \t <div data-role="popup" id="howVacWork"> 
 
    \t \t <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; Устранить проблему.