-1

jquery mobile を使用して、グリッドに画像を動的に追加したいと考えています。画像とキャプションを含む次のコード jQuery Mobile grid に従いました。ただし、ここでは画像が静的に追加されます。しかし、私のプロジェクトでは、実行時に画像をグリッドに追加する必要があり、その数がわからないため、動的に追加することを考えました。グリッドに画像を動的に追加する方法を教えてください。

Androidのphonegapプラグインを使用してこのコードを実装しています....

前もって感謝します...

4

1 に答える 1

3 
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 列のグリッドに使用されます。主要な列グリッドが必要な場合は、 http: //jquerymobile.com/test/docs/content/content-grids.html で指定されているように div のクラスを変更するだけです。

于 2012-06-10T03:05:53.207 に答える