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不会出现这些......只显示文本 Plz帮助

Answer 1

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

Answer 2

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

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

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

如果您想了解更多相关信息（使用实时 jsFiddle 示例），请查看我关于此主题的其他 ARTICLE 。或者可以找到 HERE 。

Jquery动态列表生成

2 个答案: