Javascript jquerymobile1.4listview追加了，但refresh无法重新设置列表的样式

我正在尝试使用jQuery mobile创建一个移动web应用程序。我能够用新内容动态地附加列表视图，但我无法使用刷新来重新格式化css

在我第一次加载页面时，它的格式是正确的，但当我离开页面并返回到页面并进行更新时，它就失去了样式。如果你想检查它，我目前正在自由职业者按钮工作。如果您单击“自由职业者”，它将加载“确定”，单击“返回主页”并再次加载自由职业者，但它不会加载

以下是我的jQuery包括：

<link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" /> 
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script> 

这是我的用户界面

<ul data-role="listview" id="freelancerlist" data-filter="true" data-filter-placeholder="Search Freelancers..."  data-theme="d" data-inset="true">  
</ul>

还有我的Ajax JSON调用

function Getfreelancers(){ //get all the freelancers



    $.ajax({
        url: 'http://api.oppiilabs.com/v1.1/index.php/student/list',
        dataType: 'json',
        success: function(data) {
        $("#freelancerlist").empty();
        $.each(data, function(i,freelancer){

            $('#freelancerlist').append('<li><a href"#" onclick="Getfreelancerdisplay('+freelancer.id+')"><img src="'+freelancer.prof_pic+'"><h2 style="padding-right:15px;">'+freelancer.username+'</h2><p>'+freelancer.skills+'</p><p>'+freelancer.bio+'</p><p>Location: '+freelancer.location+'</p><p>Course: '+freelancer.course+'</p><p class="ui-li-aside"><strong>Feedback:</strong> 100% </p></a></li>   ');
        });


        //$.mobile.navigate("#freelancer"); //show the freelancers page
        window.location.href = "#freelancer"; //Change page
        /*$("#freelancer").trigger("pagecreate", function(){ //Reload page
        $("#freelancerlist").trigger('create', function() {
        $('#freelancerlist').listview().listview('refresh');alert("Message: im running");});});*/



        },
        complete: function() {
        /*$("#freelancerlist").trigger('create',function(){
        $('#freelancerlist').listview('refresh');});*/

        $('#freelancerlist').trigger('create');
        $('#freelancerlist').listview('refresh');
        $('#freelancerlist ul').listview('refresh');

        } ,
    error: function (response) {

        var r = jQuery.parseJSON(response.responseText);
        alert("Message: " + r.Message);
                   }
      }); 
}

function getfreelopers（）{//获取所有自由职业者
$.ajax({
网址：'http://api.oppiilabs.com/v1.1/index.php/student/list',
数据类型：“json”，
成功：功能（数据）{
$（“#自由职业者列表”）.empty（）；
$。每个（数据、功能（i、自由职业者）{
$（“#自由职业者列表”）。追加（“
”）；
});
//$.mobile.navigate（“#自由职业者”）；//显示自由职业者页面
window.location.href=“#自由职业者”//更改页面
/*$（“#自由职业者”）.trigger（“pagecreate”，function（）{//Reload page
$（“#自由职业者列表”）.trigger（'create'，function（）{
$（'#FreedolerList'）.listview（）.listview（'refresh'）；警报（“消息：im正在运行”）；}）*/
},
完成：函数（）{
/*$（“#自由职业者列表”）.trigger（'create'，function（）{
$（“#自由职业者列表”）.listview（'refresh'）；}*/
$（“#自由职业者列表”）.trigger（'create'）；
$（“#自由撰稿人列表”）。列表视图（“刷新”）；
$（'#FreedolerList ul'）。列表视图（'refresh'）；
} ,
错误：函数（响应）{
var r=jQuery.parseJSON（response.responseText）；
警报（“消息：+r.Message”）；
}
}); 
}

从上面的代码可以看出，我已经尝试了很多东西。我把它们忘在里面了，但把它们注释掉了

我得到一个错误：

未捕获的TypeError:对象[Object Object]没有方法“listview”

当我尝试调用refresh时，如果我在.trigger complete之后嵌套它，则不会出错，但它也不会在从不运行后作为警报运行

---

我在网上爬行了大约8个小时，试图修复这个问题，但是我发现所有与这个问题相关的东西，他们提供的修复要么不起作用，要么不提供

使用

$.mobile.pafeconator.pagecontainer（“更改”，“自由职业者”）然后添加项目并在显示页面时刷新。使用数组，将您的
li
s推入其中，然后一次添加所有内容。另外，它的
$（“#自由职业者”）
不是
$（“自由职业者ul”）
。检查这个@omar，我可以看到您的代码在JSFIDLE中工作得非常好。正是我想要的。我试图实现它，但我只是得到一个空白页。似乎是
$（文档）。在（“pagebeforeshow”上，“#自由职业者”，函数（）{
未运行如何更改到该页面？