jquery - 列表样式未应用于 Ajax Jquery 列表

Question

我一直在尝试动态创建从 XML 到 JQuery 移动页面的无序列表。我可以让项目显示在页面上，但样式永远不会按应有的方式出现......使用普通的蓝色链接纯文本，仅此而已。还有另一种样式列表的方法吗？

<ul id="events-holder" data-role="listview" data-inset="true" data-theme="c"> 

$(document).ready(function(){
    $.ajax({
        type: "GET",
        url: "event_list.php",
        dataType: "xml",
        success: function(xml) {
            $(xml).find('event').each(function() {
                var title = $(this).find('title').text();
                var date = $(this).find('date').text();
                var url = $(this).find('url').text();

                $('<li></li>')
                    .html('<li><a href="'+url+ '" rel="external" data-transition="slide">'+ title +'</a></li>')
                    .appendTo('#events-holder')
                    .trigger('create'); 
            });
        }
    });
});

Answer 1

您应该致电：

jQuery("#events-holder").listview('refresh');

你已经准备好了。

Answer 2

这取决于你的 css，但我怀疑问题是你动态创建<li>的 s 加倍了。您正在创建一个<li>with $('<li></li>')，然后在调用中在其中添加另一个。 <li>.html()

尝试从字符串中删除<li>标签.html()