1

我的 html 文件中有一个无序列表

<ul data-role="listview" id="mylist" data-inset="true" data-theme="c" data-dividertheme="a" >

</ul>

列表元素从 js 文件中的数据库填充

$('#mylist').append('<li><a href="#"> <h1 class="myHeader">'+item.name+'</h1><p class="myParagraph">'+item.state+'<br>'+item.zipcode+'</p></a></li>');

这就是我在样式表中所做的

.myHeader.ui-li-heading {
    color: #000000;
    font-family: Helvetica;
}

.myParagraph.ui-li-desc {
    color: #333;
    overflow: show;
    text-overflow: clip;
    white-space: normal;
    height: 28px;
    margin-bottom: 0px;
}

问题是列表没有得到正确的样式。我做错了吗？有什么解决办法？

4

1 回答 1

2

你错过了：

$('#mylist').listview('refresh');

这是由您的代码制作的示例：http: //jsfiddle.net/Gajotres/Z6wzQ/

更多信息可以在这里找到：http: //jquerymobile.com/test/docs/lists/docs-lists.html。查看标题更新列表。

于 2012-12-15T07:31:17.947 回答