динамически расширяется <ul>в формате jquerymobile теряет - PullRequest
Новая
       5

динамически расширяется <ul>в формате jquerymobile теряет

0 голосов
/ 28 марта 2012

У меня проблема с jQueryMobile. Я пытаюсь добавить больше <li> тегов к <ul> с помощью функции JavaScript. Он добавляет элементы, но не получает форматирование от 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>"); 
            }
        });
    }
}

Надеюсь, у кого-нибудь есть идеи, как это решить!

1 Ответ

0 голосов
/ 28 марта 2012

EDIT: 

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