Javascript 向listview jquery mobile动态添加内容_Javascript_Html

Javascript 向listview jquery mobile动态添加内容

javascript html

Javascript 向listview jquery mobile动态添加内容,javascript,html,Javascript,Html,我正在尝试使用javascript将项目动态加载到listview中下面是我的javascript代码 //Dynamically load data fields for items function initialiseFields(listViewId){ for(var i = 0; i < 10; i++){ loadField(listViewId, "hello", "type", "value goes here"); } } /**

我正在尝试使用javascript将项目动态加载到listview中

下面是我的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');
}

//动态加载项目的数据字段
函数initialiseFields（listViewId）{
对于（变量i=0；i<10；i++）{
loadField（listViewId，“hello”，“type”，“value在此显示”）；
}
}
/**
加载单个项目字段
**/
函数加载字段（列表视图、标签、类型、值）{
//附加列表
$（“#列表视图”）。追加（“”+label+”：“+value+””；
$（'#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>


列表

标题

除了显示列表的标题分隔符外，listview的内容始终为空

您是否可以尝试将

初始值字段

包装到：

$（document.bind（'pageinit'）

如果您查看jquery移动文档，您会发现它们不鼓励使用

$（document）.ready（）的使用
请点击此处：
我稍后会检查自己。
您是否查看了源代码以确保JQM生成的代码与您的选择器匹配？是的，它通过chromes开发工具执行。我做了一个测试，看看如果我更改了onLoad上指定的函数名，它会发生什么情况，这样它就会完全命中我代码中似乎完成了这个任务的部分。我唯一的问题是如何指定initialiseFields的参数，因为现在DOM自动加载并执行该函数。在我的html页面中是否有什么地方可以设置intialiseFields的变量？