jQuery Mobile CSS: почему мои элементы не оформлены должным образом? - PullRequest
Новая
       17

jQuery Mobile CSS: почему мои элементы не оформлены должным образом?

1 голос
/ 06 марта 2012

У меня есть список на моей странице jQuery, и я динамически добавляю к нему контент, когда данные загружаются через него.«Sometext» - это то, что я скачал после того, как страница была нарисована впервые. 

listString =  '<li><a href="#">'+sometext+'</a></li>';
            $("#friends_list_view ul").append(listString);

, а HTML-код: 

<div data-role="content" data-theme="b">

    <div id="friends_list_view" class="content-primary" data-theme="b"> 
        <ul data-role="listview" data-filter="true">
        <li><a href="#">TEST</a></li>

        </ul>
    </div>  
</div>

Поэтому изначально у меня нет элементов списка, когда страницазагружен, а потом я их пихаю позже.Но когда я это делаю, это не соответствует стилю моей таблицы стилей.Элемент управления по-прежнему работает, то есть фильтр данных может правильно выполнять поиск, но элементы списка просто выглядят как гиперссылки, когда они должны выглядеть как стилизованные кнопки.Как и ожидалось, 'TEST' li разрабатывается должным образом.

Как мне исправить это так, чтобы он был правильно стилизован?Или я что-то не так сделал по пути?

Извините за мою нелюбовь:)

1 Ответ

1 голос
/ 06 марта 2012

Проверьте документацию здесь . Проверьте нижний раздел для обновления списка.

Вам необходимо сделать следующее: 

$("#friends_list_view ul").listview('refresh');
...