如何在jquery mobile中动态添加图像到网格？

Question

我想使用jquery mobile动态地将图像添加到网格中。我按照以下代码jQuery Mobile grid with images and captions。但这里的图像是静态添加的。但是在我的项目运行期间，我需要将图像添加到网格＆amp;我不知道会有多少，所以我想动态添加它们。所以任何人都可以建议我如何动态添加图像到网格。

我在android ....中使用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列网格是neede，只需将div类作为http://jquerymobile.com/test/docs/content/content-grids.html上的赋值。