0

jquerymobile + phonegap を使用して作成されたモバイル アプリがあります。Androidバージョンはうまく機能します。iOS版と同じhtml+css+javascriptファイルを使用しました。XCode iPhone 6.0 シミュレーターでアプリを実行すると、すべての jquery モバイル要素のスタイルが設定されず、検索付きのリストビューの場合、検索が機能しません。jquery モバイル プラグインが実行されていないかのようです。

ajax を使用してコンテンツを読み込み、親ページ要素で「作成」をトリガーします。

これは index.html ページの一部です。ページの head 部分で、jquery、jquery モバイル js、および css をロードします。

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />
    <link rel="stylesheet" type="text/css" href="css/themes/mobiletheme.min.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.2.0.min.css" />
    <title>App Name</title>
    <script type="text/javascript" src="cordova-2.3.0.js"></script>
    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/myown.js"></script>        
    <script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>        
    <script type="text/javascript">
        app.initialize();
    </script>
</head>
<body>
<div data-role="page" id="thepage">
   <div data-role="header">Header code here</div>
   <div data-role="content" id="thecontent">
       Content is loaded here using ajax
   </div>
   <div data-role="footer">Footer code here</div>
</div>
</body>

これは、ajax を使用してコンテンツをロードし、作成をトリガーする JavaScript の一部です。

$.ajax({
     url: 'http://www.thedomain.com/thepage.php',
     dataType: 'html',
     type: 'GET',
     success:function(data, textStatus, xhr){
        $("#thecontent").html(data);
        $("#thepage").trigger('create');
     }
});

これは Android でうまく機能します。しかし、iOS では、trigger('create') が何もしなかったかのようです。

誰もこのようなことを経験しましたか? それを解決する方法についてのアイデアは本当に高く評価されます。

ありがとう。

4

0 に答える 0