1

現在、jquery モバイル フレームワークを使用して iPhone で使用される Oracle APEX アプリケーションを開発しようとしています。

jquery モバイル バージョン 1.0a4.1 を使用してこれを成功させた例を含むいくつかの Web ページを見てきました。

このバージョンはかなり古いので、それ以降に行われたいくつかの修正を利用する必要がありました。v1.1 final へのアップグレードを試みましたが、コンピューターのブラウザー (firefox/chrome) 内でページをレンダリングすると、すべて正常に動作します。しかし、Safari または iPhone でページをレンダリングしようとすると、完全に空白の白いページが表示されます。

これを修正する方法を知っている人はいますか?再び動作させる唯一の方法は、jquery mobile を v1.0a4.1 にダウングレードすることです

ありがとう。

これが私のページのテンプレートです

ヘッダ

<!DOCTYPE html>
   <html lang="&BROWSER_LANGUAGE." xmlns="http://www.w3.org/1999/xhtml"
       xmlns:htmldb="http://htmldb.oracle.com" xmlns:apex="http://apex.oracle.com">
   <head>
     <title>#TITLE#</title>
     <link rel="icon" href="#IMAGE_PREFIX#favicon.ico" type="image/x-icon">
     <link rel="shortcut icon" href="#IMAGE_PREFIX#favicon.ico" type="image/x-icon">#HEAD#

     <!--<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />-->
     <!--<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>-->

     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
     <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
     <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

     <link rel="stylesheet" href="#WORKSPACE_IMAGES#mobile_style.css" type="text/css" />
   </head>
   <body #ONLOAD#>
     <div data-role="page">#FORM_OPEN#

  <div data-role="header" data-add-back-btn="true">
    <h1>#TITLE#</h1>
      #NAVIGATION_BAR#
  </div><!-- /header -->
  <div id="messages">#SUCCESS_MESSAGE##NOTIFICATION_MESSAGE##GLOBAL_NOTIFICATION#</div>
    <div data-role="content">
      <ul data-role="listview">
        #REGION_POSITION_01#
        #REGION_POSITION_02#
        #REGION_POSITION_03#
        #REGION_POSITION_04#
        #REGION_POSITION_05#
        #REGION_POSITION_06#
        #REGION_POSITION_07#
      </ul>
      #BOX_BODY#
    </div><!-- /content -->

フッター

   <div data-role="footer">
     <h4>#REGION_POSITION_08#</h4>
   </div><!-- /footer -->

   #FORM_CLOSE#
 </div>
</body>

4

0 に答える 0