使用jQuery/apex将动态内容附加到无序列表

我有一个无序的联系人列表，当页面加载时，它会从我的数据库中动态填充。我使用下面的功能创建新联系人并将其添加到此列表中

    function addContactToList(){    
        api.implementListAdd('{!userId}', contactInfo, function(){}, function(){}, function(){} );
    }

问题是，在我刷新页面之前，联系人不会出现。如何将其动态添加到列表中

下面是列表的html和apex代码

    <ul data-role="listview" id="sortedList">   
        <apex:repeat value="{! myContacts }" var="contact">
            <li>
               <a href="" class="">
                    <div class="">
                          <span class="name">Name</span><span class="value">{! contact.lastname }</span><br></br>
                    </div>
                </a>
           </li>    
        </apex:repeat>
    </ul>

你喜欢这个工作吗？这不是，但我走对了吗

    function addContactToList(){    
        var newContact = api.implementListAdd('{!userId}', contactInfo, function(){}, function(){}, function(){} );
        jQuery('#sortedList').append("<ui><li>"+newContact+"</li></ui>");
    }       

函数addContactToList（）{
var newContact=api.implementListAdd（'{！userId}'，contactInfo，function（）{}，function（）{}，function（）{}）；
jQuery（“#sortedList”）.append（“
”+newContact+”
”）；
}       

是的，你走在正确的轨道上

jQuery('#sortedList').append('<li><a href="" class=""><div class=""><span lass="name">'+newContact['Name']+'</span><span class="value">'+newContact['lastname']+'</span><br></br></div> </a></li>');

jQuery（'#sortedList'）。追加（'
'）；