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，我将有一个列表视图单元格，如下所示：

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

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

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

jquery 移动动态 ul 永久格式问题

jquery mobile dynamic ul forever formating issue

jquery-mobile