JQuery Mobile - Пузыри с динамическим счетом - PullRequest
Новая
       5

JQuery Mobile - Пузыри с динамическим счетом

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

Я создаю мобильное приложение JQuery, у которого есть просмотр списка.Я заполняю этот список с результатами веб-службы.Из-за этого элементы в представлении списка заполняются, как показано здесь: 

$.each(results, function (i, result) {
  var s = "<li><h2 style='padding-left:40px;'>" + result.title + "</h2><p style='padding-left:40px;'>";
  s += result.subTitle;
  s += "</p><span class='ul-li-count'>" + result.count + "</span></li>";

  $("#resultListView").append(s);
});
$("#resultListView").listview("refresh");

Мой список просмотра заполняется правильно.Значение для счетного пузыря показывает.Тем не менее, пользовательский интерфейс не создает пузырь.Есть ли способ динамически построить набор результатов с количеством пузырьков в представлении списка?Если да, то как?

Спасибо!

1 Ответ

2 голосов
/ 19 марта 2012

Ваш путь должен работать. Единственное, о чем я могу думать, это то, что HTML-код недействителен.

Во всяком случае, я создал простую версию, чтобы показать, что это возможно. http://jsfiddle.net/kiliman/HDUqp/

По сути, просто создайте HTML-код для <li/> и добавьте его в список, затем вызовите .listview('refresh')

$('#page1').bind('pageinit', function(e, data) {
    var n = 0;
    $('#addResult').click(function(e) {
        var $list = $('#resultListView');

        n++;
        $('<li/>')
            .append($('<h2>', { text: 'Title ' + n }))
            .append($('<p>', { text: 'SubTitle ' + n }))
            .append($('<span />', { text: n, class: 'ui-li-count'}))
            .appendTo($list);
        $list.listview('refresh');
    });
});
...