2013-11-11 4 views
0

Я хочу создать список динамически с помощью jquery-mobile. У меня есть ул, какБазовый jQuery mobile styling не применяется к динамически добавленным элементам списка

<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 inspite от data-wrapperels="div" указывается. Я хочу, чтобы список отображался как http://jquerymobile.com/demos/1.2.1/docs/lists/lists-ul.html.

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

+0

Вы также динамически добавляете 'ul'? – Omar

+0

нет. 'ul' уже присутствует. Я просто добавляю «li» динамически. – sonam

+0

обычно работает http://jsfiddle.net/Palestinian/s423A/ как/когда вы добавляете элементы динамически? Также, покажите ссылки библиотек в 'head'. jQuery и jQuery Мобильные версии, которые вы используете. – Omar

ответ

-1
$('#bList').listview('refresh'); 
$('#bList').trigger("create"); 
+0

Это не работает для меня. – sonam

+0

http://jsfiddle.net/SuSpv/ – Ved

+0

Поместите первый триггер, затем обновите $ ('# bList'). Trigger ("create"); $ ('# bList'). Listview ('refresh'); – Ved

Смежные вопросы