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を参照してください。Updating listsという見出しを見てください。

于 2012-12-15T07:31:17.947 に答える