изменение <ul>на - PullRequest
Новая
       20

изменение <ul>на

4 голосов
/ 13 апреля 2011

У меня есть список, который я показываю только с иконками и заголовком - без форматирования JQM. Если ширина экрана ниже 320 пикселей, я хочу преобразовать список в список JQM <ul data-role="listview">.

Я могу добавить атрибут через Jquery, но когда я вызываю $ ('. MenuList'). Listview ('refresh'); Я получаю следующую ошибку:

не может вызывать методы просмотра списка перед инициализацией; попытался вызвать метод «refresh»

Какие-нибудь подсказки относительно того, что я делаю неправильно?

Спасибо!

Частое

HTML: 

<ul class="menuList">
    <li>
        <div>
            <a href="l" data-transition="slide" rel="external" class="iconViewport icon">
                <span class="menuTitle">GoHere</span>
                <span class="pusher">111</span>
            </a>
        </div>
    </li>
</ul>

Jquery 

function enhanceMobile ()
{
    $('.menuList').attr('data-role', 'listview');
    $('.menuList').listview('refresh');
}

1 Ответ

4 голосов
/ 14 апреля 2011

Вы не можете вызвать .listview('refresh'); для элемента, который уже не является списком.

Если вы только что добавили data-role, вы должны вызвать .listview();, который вызывает конструктор виджета(в то время как .listview('refresh'); вызывает метод обновления виджета)

[Я уже отправил вам это по электронной почте, но он принадлежит здесь :)]

...