jquery动态列表生成

问题描述：

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动态列表生成

jQuery的心不是即将来临these..only正在显示的文本 plz帮助

这对jQuery来说意味着什么？ – 2013-02-20 04:01:22

你是否在脚本标签中包装了代码？ – 2013-02-20 04:09:59

yes..its脚本标记下... jquery图形不加载..只显示文本 – user1039985 2013-02-20 04:56:49

答

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

答

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

在你的情况是这样的功能：

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

如果您想了解更多有关（现场jsFiddle例子）看看我的其他ARTICLE这个话题。或者可以找到HERE。

jquery动态列表生成

相关推荐