jquery - jqueryモバイルは、リストディバイダーを使用してリストビューにデータを割り当てます

Question

jsonをリストビューに割り当てようとするコードは次のとおりです

$.each(result, function(i, item) {
    //alert(item);
    if (item.class == "forumInfo" ) {
          $("#pages_list").append($("<li></li>",{"html":"<a href='#page_node_view' id='" + item.text + "' class='page_node_pages_list_title'>" + item.text + "</a>"}));
    }
    if (item.class == "group") {
          $("#pages_list").append($("<li data-role='list-divider' role='heading'></li>",{"html": item.text}));
    }
});

リストの仕切りにテキストが表示されません。何が問題なのですか?

Answer 1

JSONオブジェクトなしで同じことを試してください

$.each(result, function(i, item) {
    //alert(item);
    if (item.class == "forumInfo" ) {
          var list_item = $("<li></li>");
          list_item.html("<a href='#page_node_view' id='" + item.text + "' class='page_node_pages_list_title'>" + item.text + "</a>");
          $("#pages_list").append(list_item);
    }
    if (item.class == "group") {
          var list_divider = $("<li data-role='list-divider' role='heading'></li>");
          list_divider.html(item.text);
          $("#pages_list").append(list_divider);
    }
});