列表样式未应用于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

这取决于你的css，但我怀疑问题是你动态创建的<li>被加倍了。您正在使用<li>创建$('<li></li>')，然后在<li>来电中添加其他 .html()。

尝试从<li>字符串

中删除.html()标记

Answer 2

你应该致电：

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

你就定了。