2015-01-21 95 views
1

我正在使用jQuery Mobile和Phonegap爲iOS設備開發新應用程序。第一次訪問時未加載jQuery Mobile頁面內容

  • jquery的移動1.3.2
  • 科爾多瓦3.0.0-0

林具有加載網頁的主要內容的問題,通常的主網頁負載沒有任何問題然而,如果我點擊導航到另一頁頁面的主要內容不加載。如果我訪問我的應用程序中的另一個頁面,或者簡單地返回並重新訪問所有內容,無任何問題。在第一次訪問enter image description here第一次訪問後

enter image description here

走進我的日誌

頁沒有錯誤唯一的消息,我可以看到的是

  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>

回答

1

經過一番研究,我試圖解決這個問題。

顯然iOS8不支持-webkit-overflow-scrolling:touch;

刪除-webkit-overflow-scrolling:touch;解決問題。

相關問題