Добавление в неупорядоченный список в JQuery Mobile

Question

Я добавляю элементы списка в мобильный проект jquery динамически в сценарии:

<ul id="list" data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
      <li data-icon="plus"><a href="#new-thingy" data-transition="slideup">Create new thingy</a></li>
</ul>

Со следующим кодом JQuery:

$("<li><a href='#foo'>foo</a></li>").prependTo("#home-events-list");
$("#list").trigger('refresh');    

Элементы списка добавляются, но онине «улучшены».Что я делаю не так?

Answer 1

Первый:

ваш ul имеет идентификатор list не home-events-list

Второе:

Вы хотите

$('#list').listview('refresh');