javascript - jQuery动态列表生成

Question

for(var i=0; i< vendors.length;i++)
    {
     var $ul = $("<ul>").attr("data-role", "listview")
                .attr("data-divider-theme","a")
                .attr("data-inset","true")
                .appendTo("#vendorLists");
         $("<li>").attr("data-role", "list-divider")
                .attr("role","heading")
                .text(vendors[i])
                .appendTo($ul);
       for(var j=0; j<coupons[i].length; j++)
        {
            var x = coupons[i][j].split(":");           
            var $li = $("<li>").attr("data-theme", "a")     
                       .appendTo($ul);
            $("<a>").text(x[0] + ":" + x[1])
                       .appendTo($li);
            }
    }

我正在使用此代码通过从数组中获取来动态创建列表。vendorList 是一个 div 标签

Jquery 没有出现在这些..只有文本被显示请帮助

Answer 1

每次向jQuery Mobile页面添加动态内容时，您都需要触发旨在增强页面标记的特定功能。

在你的情况下，它是这个功能：

$('[data-role="listview"]').trigger('refresh');

如果您想了解更多相关信息（带有实时jsFiddle示例），请查看我关于此主题的其他文章。或者可以在这里找到。

Answer 2

你提到vendorList的是一个 div 标签。但是，您appendTo("#vendorLists")在定义中使用$ul. 除非您的意思vendorLists是 div 标签，否则您想使用它appendTo("#vendorList")。