CSS не применяется к динамически созданным элементам в jQuery mobile

Question

Я хочу добавить динамически созданные элементы списка в неупорядоченный список на моей мобильной странице jQuery.

Но когда я добавляю новые элементы списка, существующий CSS не применяется. sortedList - моя ul.

Ive пытался несколько различных вещей, в том числе:

jQuery('#sortedList').append('<li><h3>SUCCESS</h3></li>') 

jQuery('#sortedList li').html('<h3>SUCCESS</h3>') 

jQuery('#sortedList li').append('<h3>SUCCESS</h3>') 

jQuery('#sortedList li').trigger('create'); 
jQuery('#sortedList li').append('<h3>SUCCESS</h3>') 

Ничто не работает, любые предложения или советы будут высоко оценили

Answer 1

Вы должны добавить все элементы в списке, а затем обновить ListView:

$('#sortedList').append('<li><h3>Success</h3></li>').listview('refresh'); 

Here's a JSFiddle.

В качестве побочного элемента: вам не нужно каждый раз описывать jQuery, чтобы использовать jQuery. $ символ другое имя для объекта JQuery, так jQuery('#mySelector') эквивалентно $('#mySelector')