Генерация динамического списка 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 Приезжая на these..only текст отображается Plz помочь

Answer 1

Вы упоминаете vendorList является DIV тег. Тем не менее, вы используете appendTo("#vendorLists") в своем определении $ul. Если вы не указали vendorLists, это тэг div, то вместо этого вы хотите использовать appendTo("#vendorList").

Answer 2

Каждый раз, когда вы добавляете динамический контент на страницу jQuery Mobile, вам необходимо вызвать определенную функцию, предназначенную для улучшения разметки страницы.

В вашем случае эта функция:

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

Если вы хотите узнать больше о том, что (с живыми jsFiddle примеры) посмотрите на мой другой ARTICLE по этой теме. Или можно найти HERE.