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

Question

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

    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>");
    }       

Answer 1

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

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>');