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;
}
問題は、リストが正しいスタイルになっていないことです。私はそれを完全に間違っていますか?解決策は何ですか?