jquery移动动态ul永远格式​​问题

Question

我知道这是一个古老而无聊的问题，但我似乎无法做到正确，我已经看到很多答案告诉刷新，创造，增强等这就是我的意思有：

我的ul在html文件中：

<ul id="listaNoticias" data-role="listview" data-split-icon="info" data-split-theme="a" data-inset="true">

我的js文件：

items=''; 
    $.ajax({
        url: '../data/noticias.php',
        dataType: 'json',
        success: function(data, status)
        {
            $.each(data, function(index,item)
            { 
                //$('#listaNoticias').append('<li><a href="#"><h2>'+item.titulo+'</h2>'+ '<p>'+item.texto+'</p></a></li>').listview('refresh');
                items += '<li><a href="#"><h2>'+item.titulo+'</h2>'+ '<p>'+item.texto+'</p></a></li>';
            });

            $('#listaNoticias').html(items);
            $('#listaNoticias').listview('refresh');
        },
        error: function(){
            output.text('There was an error loading the data.');
        }
    });

如果我做了一个静态ul，我会有一个listview单元结尾如下：

但是在动态添加内容时，我有一个像这样的简单单元格，这不是我想要的：

再次我知道这是一个老问题，但我似乎无法弄明白

Answer 1

您忘记在动态列表项中添加第二个锚标记：

$.each(data, function(index,item)
{ 
   items += '<li><a href="#"><h2>'+item.titulo+'</h2>'+ '<p>'+item.texto+'</p></a><a href="#"</a></li>';
});

<强> DEMO