在jquerymobile中动态扩展<ul>会丢失格式</ul>

Question

我遇到了jQueryMobile的问题。我正在尝试使用javascript函数向<li>添加更多<ul>个标记。它附加了项目，但没有从jQueryMobile获取格式。

html看起来像

<input type="search" id="customerSearch" onKeyUp="listCustomers();" placeholder="Sök kund" />
<ul data-theme="c" data-dividertheme="d" id="customerList">
</ul>

和javascript函数listCustomers（）

function listCustomers(){
    $("#customerList").empty();
    if($("#customerSearch").val().length > 2){
        $.getJSON("getCustomers.php", { sSearch : $("#customerSearch").val() }, function(data){
            for(var i=0;i<data.length;i++){
                $("#customerList").append("<li><a href='javascript: alert(\""+data[i].namn+"\");'>"+data[i].id+" - "+data[i].namn+"</a></li>"); 
            }
        });
    }
}

希望任何人都有一些idéas如何解决这个问题！

Answer 1

修改

var container = document.getElementById('customerList');
var new_element = document.createElement('li');
new_element.innerHTML ="<a href='javascript: alert(\""+data[i].namn+"\");'>"+data[i].id+ 
     " - "+data[i].namn+"</a>";
container.appendChild(new_element);
container .listview("refresh");