我在数据库中有一些值。我想基于它构建一个可折叠的列表视图。如何通过添加所有 CSS 属性来做列表视图?请回答我的疑问。
问问题
259 次
1 回答
0
你的实现的更多细节可能是一个很好的奖励:)
但如果我理解正确,你可以这样做,基于 jQuery Mobile 文档:http:
//jquerymobile.com/demos/1.2.0/docs/lists/docs-lists.html
// This is your HTML list
<ul data-role="listview">
<li><a href="acura.html">Acura</a></li>
<li><a href="audi.html">Audi</a></li>
<li><a href="bmw.html">BMW</a></li>
</ul>
// This is where you fetch data from database and add them to list
function addToList (listId) {
var list = document.getElementById(listId);
// Iterate over items found in database here and add them to DOM
for ( var i = 0 ; i < dataSource.length ; i += 1 ) {
liElem = document.createElement('li');
liElem.textContent = dataSource[i];
list.appendChild(liElem);
}
// Refresh the list
$(list).listview('refresh');
}
简单演示:http:
//jsfiddle.net/dR7fx/1/
于 2012-11-07T16:47:27.603 回答