Добавяне на елементи с data атрибут към DOM с JQuery

[Георги Динов]

Здравейте, когато добавям нови елементи с JQuery те не се показват,
както би следвало да изглеждат в мобилно приложение, а изглеждат като
в обикновен браузър, въпреки че им задавам съответния data-role
атрибут.

Нампример

<section id="secondPage" data-role="page"><textarea
id="resultArea" style="width:600px;height:300px;"></textarea>
<button id="buttonUsers">Get Users</button> <br />
<div id="users"></div>
</section>

Дотук всичко се показва ок, но след като се изпълни това

function(users){
var usersHtml = "<select id='online' data-role='listview'>";
for (var i = 0; i < users.length; i++) {
usersHtml += '<option>' + users[i];
usersHtml += '</option>';
}
usersHtml += '</select>';
$('#users').html(usersHtml);
$('#users').append("Key <input id='key' type='text' />")
}

селектът не изглежда по адекватен начин, какъвто би следвало да бъде
видът му в мобилни приложения

Някой да има идея как да се оправи този проблем?

[ivailo hristov]

Трябва да обновиш listview-то след като си добавил елементите.
Ако страницата, на която е listview-то не е инициализирана,
хвърля изключение. В този случай refresh не е нужен. За това
ако не знаеш кога ще се променя елемента може да се подсигориш с try-
catch

try{$("#listViewElementId").listview('refresh')} catch(e){}

[Георги Динов]

Мерси