0

私は使っている：

    <!DOCTYPE html>
    <html lang="en" dir="ltr">
 <head>    
    <link rel="stylesheet" href="css/lib/jquery.mobile.structure-1.3.2.min.css"/>
    <link rel="stylesheet" href="css/lib/jquery.mobile.theme-1.3.2.min.css"/>
    <link rel="stylesheet" href="css/lib/jquery.mobile-1.3.2.min.css"/> 
    <script type="text/javascript" src="js/lib/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="js/lib/jquery.mobile-1.3.2.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/lib/cordova.js"></script>
</head>
<body>
    <div data-role="page" id="assignedProposalPg" style="margin-top: 0px;">
    <div data-role="content">
    <div id="assignedPropList"> </div>
    </div>
    </div>
</body>

file.jsで、すべての値を取得する次のコードを作成しましたが、スクロール中に白い画面のみが表示されます

function fillData()
{ 
     for (var i = 0;i < obj.Proposal.length; i++) 
{
     var htmlString = '<fieldset data-role="controlgroup">';    
     var fieldId = 'ap' + i;
     proposalIds += obj.Proposal[i].id + ',';
     htmlString += '<input type="radio" name="assigned_proposal_id" id="' + fieldId + '" value="' +          obj.Proposal[i].enquiry_no + ',' + obj.Proposal[i].id + '"/><label for="' + fieldId + '" >' + obj.Proposal[i].enquiry_no + '-' + obj.Proposal[i].caller_name + '-' + obj.Proposal[i].post_code + '</label>';
}
     htmlString += '</fieldset>';
     $("#assignedPropList").empty().append(htmlString).trigger('create');
}

なぜこれが起こっているのですか？状況問題の説明のビデオを追加

4

1 に答える 1

0

ビデオは私が理解するのに本当に役立ちました。ありがとう。問題は、メモリが原因で、デバイスがデータの処理とレンダリングに問題を抱えているデータが多すぎることです。あなたの最善の策は、データをページ分割し、一度に 25 レコード程度しかロードしないことです。次に、進むボタンと戻るボタンを追加して、次/前のレコード セットを読み込みます。データがローカルに保存されている場合、問題はありません。たとえばjsonを介してデータをリモートで取得している場合は、データを1回だけ取得して配列にロードします。次に、ページネーションの設定で配列を反復処理します。

于 2013-09-13T12:53:08.773 に答える