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 移动文档，您会发现他们不鼓励使用$(document).ready()

在这里检查：jquery 事件

我稍后会检查自己。

于 2013-07-10T11:09:00.610 回答