0

Android の WebView を使用しているときに JavaScript がまったく読み込まれないようですが、デスクトップ ブラウザでは問題なく読み込まれます

1つのhtmlファイルの下にある私のhtmlとスクリプトは次のとおりです。

<script>

function initialiseFields(){
    var name = "John Smith";
    var staffId = "9877878";
    alert( 'initialiseFields' );

    $("#list").append('<li><h3>Additional Information:</h3><div data-role="fieldcontain"><input type="text" name="claimTitle" id=/"textFieldJourneyFrom" value="" /></div></li>');

    $('#list').listview('refresh');  
}

</script>



<body onLoad="initialiseFields();">
    <div data-role="content">
        <ul class="ui-li" data-role="listview" id="list" data-inset="true"  data-scroll="true">
        </ul>
</body>

基本的に、アラートを表示し、いくつかのフィールドをlistViewに追加するinitialiseFieldsを実行しようとしています。

アラートと listView が呼び出されたり更新されたりすることはありません。

編集: また、javascript を介して追加するリスト項目が何であれ、デフォルトの jquery モバイル css スタイルも適用されません。何か理由は？

別の編集：

解決策は、私が回答を受け入れた人によって提供されますが、警告の言葉です。日付ピッカーとその資産を使用している場合。提供されたソリューションは機能しません。つまり、何らかの奇妙な理由で JS をロードしません。

<link href="jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.datepicker.min.css" rel="stylesheet" type="text/css">
<link href="jQueryAssets/jquery.ui.button.min.css" rel="stylesheet" type="text/css">.

また、テーマを設定するだけで上記のコードスニペットを試してみたところ、テキストとヘッダーと背景にテーマを適用できましたが、実際のフィールドでは入力フィールドに適用されません

$("#list").append('<li data-theme="c"><h3>Additional Information:</h3><div data-role="fieldcontain" data-theme="c"><input type="text" name="information" id=/"textFieldInformation value="" data-theme="c"/></div></li>');

編集2：

コードはテストされ、入力フィールドのテーマを除いて正常に動作しましたが、私の JS は Android デバイスではまったく動作しません。

4

1 に答える 1