插入列表项并格式化jQuery样式

Question

我想从数据库加载数据，并在每个返回记录的无序列表中动态创建一个列表项（仅处理~5条记录）。我可以添加html并获取正确的内容，但如果我将列表项硬编码到初始的html文档中，它将没有任何jQuery Mobile样式。

我可以通过手工添加所有样式（额外的html，而不仅仅是css），但我假设有更好的方法。

这是最初的html。注释掉的html是jQuery样式适当的硬编码数据的例子。

<div id="journalListDiv">
    <ul data-role="listview" data-inset="true" id="journalList">                
    </ul>
            <!-- <li><a href="#" id="listItem0">Test 0</a></li>
                <li><a href="#" id="listItem1">Test 1</a></li>
                <li><a href="#" id="listItem2">Test 2</a></li>
                <li><a href="#" id="listItem3">Test 3</a></li>
                <li><a href="#" id="listItem4">Test 4</a></li> -->
</div>

这是javascript。

var htmlToAdd = '<li><a href="#">' + li.date + '</a></li>';
console.log("Adding: " + htmlToAdd);

$("#journalList").append($(htmlToAdd));