動態添加內容到列表視圖jQuery的手機

我想動態加載項目到使用JavaScript的列表視圖。動態添加內容到列表視圖jQuery的手機

下面

是我的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>

列表視圖中的內容始終是除了用於顯示標題分隔的列表

來源

2013-07-10 jonney

您是否查看源代碼以確保JQM生成的代碼與您的選擇器匹配？ – CalebC

是的，它通過chromes開發工具。我做了一個測試，看看會發生什麼，如果我更改在onLoad上指定的函數名稱，它會中斷，因此它肯定會打到我的代碼的一部分 – jonney

你可以嘗試空包裝initialiseFields in：

$(document).bind('pageinit')

如果選中jQuery Mobile的文檔，你可以看到，他們勸阻使用這裏$(document).ready()

檢查：jquery events

我以後會檢查自己。

來源

2013-07-10 11:09:00 IziFortune

好吧，讓我給它一個 – jonney

這似乎已經成功了。我唯一的問題是如何指定initialiseFields的參數，DOM會自動加載並執行函數。有什麼地方可以在我的html頁面中設置intialiseFields的變量？ – jonney

動態添加內容到列表視圖jQuery的手機

回答

相關問題