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

dynamically extending <ul> in jquerymobile loses format

本文关键字：格式 jquerymobile gt 扩展 lt ul 动态      更新时间：2023-09-26

我遇到了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>"); 
            }
        });
    }
}

希望有人知道如何解决这个问题！

编辑：

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");
相关文章：