Как добавить изображения динамически в сетку в jQuery mobile?

Question

Я хочу динамически добавлять изображения в сетку с помощью jQuery mobile. Я выполнил следующий код: jQuery Mobile grid with images and captions. Но здесь изображения добавляются статически. Но в моем проекте во время выполнения мне нужно добавить изображения в сетку & Я не знаю, сколько это будет, поэтому я подумал о том, чтобы добавить их динамически. Так кто может предложить мне, как динамически добавлять изображения в сетку.

Я реализую этот код с помощью PhoneGap плагин в андроид ....

Заранее спасибо ...

Answer 1

you should go through loop and append data to parent div.. 

Ex: 

    <div class ='ui-grid- c' id="parentDiv"> 

     </div> 

    And your code;; 
     var Items = []; 
      for(var i=0;i< your_data_length:i++){ 
       //Add your code here 
     Items.push("<div class='ui-block-b'><img src="your image source"></div>"); 



     } 
     $('#perentDiv').append(Items.join('')); 
     $('#perentDiv').trigger('create'); 


    if youcan post your data list , i can post more code .. 

/* это будет использовать для сетки 2 столбца. если сетка столбцов maor нужна только chaneg классу div, как дают http://jquerymobile.com/test/docs/content/content-grids.html.