[英]Dynamically add content to a listview jquery mobile
我正在嘗試使用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');
}
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的內容始終為空
您可以嘗試將initialiseFields包裝為：
$(document).bind('pageinit')
如果您查看jquery移動文檔，您會發現它們不鼓勵使用$(document).ready()
檢查這里： jQuery事件
我待會再檢查。
jQuery mobile，在listview li內部動態添加可折疊內容
[英]jquery mobile, add collapsible content inside of a listview li dynamically
動態將jquery移動組件添加到具有格式的listview
[英]Dynamically add jquery mobile components to listview with formatting
如何告訴jquery mobile將類添加到listview中動態添加的表單字段？
[英]How do I tell jquery mobile to add classes to dynamically added form fields in a listview?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.