Стилизация добавила элементы динамического списка в представление списка с помощью AJAX - PullRequest
0 голосов
/ 20 сентября 2011

Я уже давно погружен в код и документацию jQuery Mobile, но, похоже, не могу понять это.

У меня есть просмотр списка на моем сайте jQM. В этом нет ничего сложного, но я хочу добавить элементы в список, когда пользователь прокручивает страницу вниз. У меня есть код, чтобы загрузить их во все рабочие, но как только они добавлены в список, они не оформляются как часть списка jQM.

Вот то, что у меня есть до сих пор (также на http://jsfiddle.net/justinrussell/H2DzB/):

var items = [
{
    'id': 2,
    'title': 'Some item',
    'desc': 'This is something.'
},
{
    'id': 3,
    'title': 'An added item',
    'desc': 'Another item!'
}
];

var $listElem = $('#home').find('ul');

$.each(items, function(i, item) {
    $('<li />').append(
        $('<a />').attr('id', 'item_' + item.id).attr('href', 'item.php?item=' + item.id).append(
            $('<h3 />').text(item.title).addClass('ui-li-heading'),
            $('<p />').text(item.desc).addClass('ui-li-desc')
        )
    ).appendTo($listElem).trigger('create');
});

Теперь из того, что я видел на других вопросах , похоже, что .trigger ('create') - это путь. Независимо от того, где я пробую это, хотя (или .trigger ('освежите') в этом отношении), это, кажется, не стилизует элементы полностью. Чего мне не хватает?

(Может быть разница, если я сначала построю элементы в HTML вместо того, чтобы использовать для этого jQuery, но я бы предпочел не включать HTML в мой JavaScript. Я не понимаю, почему это будет иметь значение к тому времени, когда элементы были добавлены в DOM.)

1 Ответ

3 голосов
/ 20 сентября 2011

После добавления ваших товаров: $listElem.listview('refresh');

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...