Базовые мобильные стили jquery не применяются к динамически добавляемым элементам списка

0

Я хочу создать список динамически с помощью jquery-mobile. У меня есть ul

<ul data-role="listview" id="bList"></ul>

Я динамически добавляю элементы списка к этому шаблону:

<li id="someid" data-wrapperels="div" data-shadow="false" data-icon="false">
    <a href="#">some text</a>
</li>

После добавления li в список я звоню

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

Это создает список и отображается. Но стиль jquery для мобильных устройств по умолчанию для li не отображается. Он отображает список только для чтения как http://jquerymobile.com/demos/1.2.1/docs/lists/lists-readonly.html.

Кроме того, содержимое не обернуто в div, в котором data-wrapperels="div". Я хочу, чтобы список отображался как http://jquerymobile.com/demos/1.2.1/docs/lists/lists-ul.html.

Я также попытался отобразить статический список, но стиль не применяется. Пожалуйста помоги. Благодарю.

  • 0
    вы тоже добавили ul динамически?
  • 0
    нет. «Уль» уже присутствует. Я просто добавляю динамически.
Показать ещё 6 комментариев
Теги:
jquery-mobile

1 ответ

-1
$('#bList').listview('refresh');
$('#bList').trigger("create");
  • 0
    Это не работает для меня.
  • 0
    jsfiddle.net/SuSpv
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню