0

javascript を使用してアイテムをリストビューに動的にロードしようとしています。

以下は私のJavaScriptコードです

//Dynamically load data fields for items

function initialiseFields(listViewId){
    for(var i = 0; i < 10; i++){
        loadField(listViewId, "hello", "type", "value goes here");
    }
}

/**
load single item field
**/
function loadField(listView, label, type, value){

    //append the list
    $('#listView').append("<li><h3>"+label+":</h3><h4>"+value+"</h4></li>");
    $('#listView').listview('refresh');
}

Html5 コード

<body  onLoad="initialiseFields('itemFieldslist');"> 

<div data-role="page" id="page">

        <div data-role="header" data-position="fixed" data-theme="b" >
        <a href="newClaim.html">Back</a>
        <h1><span style="margin-left:1em">List</span></h1>
    </div>

    <div data-role="content">   

        <ul data-role="listview" id="itemFieldslist" data-inset="true"  data-scroll="true" >
        <li data-role="list-divider"> <h2>Title</h2></li>

        </ul>       
    </div>
</div>
</body>

リストビューの内容は、リストのヘッダー区切りを表示する以外は常に空です。

4

1 に答える 1

0

ラップinitialiseFields してみてください：

$(document).bind('pageinit')

jquery mobile docs を確認すると、使用が推奨されていないことがわかります$(document).ready()

ここをチェックしてください：jqueryイベント

後で自分で確認します。

于 2013-07-10T11:09:00.610 に答える