javascript - ajax json php 回调丢失的 css jquery 移动

Question

我正在开发一个 Web 应用程序，使用 Jquery Mobile，我必须将 Ajax/Json 转换为 PHP 以检索 MySQL 数据，当我获得 JSON 回调并从数组创建“列表”时，路径jquery 移动 css 文件丢失，我的格式不正确。这是我的代码:

$.ajax({
    url: "busca_reservas.php",
    data: "fecha=" + fecha + "",
    dataType: 'json',   
    type: "POST",
    cache: false,
    success: function(data){
        var output = '<ul data-role="listview" data-inset="true" id="reservas" class="listareservas">';

        var logsData = data;
        for (var i in logsData.logs){
            regis  = logsData.logs[i].recid;
            nombre  = logsData.logs[i].nombre;
            ape     = logsData.logs[i].apellido;
            output+= '<li><a href="#">' + regis + "  " + nombre + " " + ape + '</a></li>';

        }
        output+='</ul>';

        $('.listareservas').listview('refresh');
        $("#result").append(output).fadeIn(500);

        console.log(output)
    }
});

我的内容看起来像纯文本，而不是 Jquery Mobile“ ListView ”。欢迎任何帮助？

提前致谢

Answer 1

尝试将 refresh 放在 append 之后:

    $("#result").append(output).fadeIn(500);
    $('.listareservas').listview('refresh');