<div data-role="content">
<div class="ui-grid-b">
<div class="ui-block-a"><div class="ui-bar ui-bar-h" style="height:120px;text-align:center;font-size:12px"><img src="pic1.jpeg"><p align="center">P1</p></div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-h" style="height:120px;text-align:center;font-size:12px"><img src="pic2.jpeg"><p align="center">P2</p></div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-h" style="height:120px;text-align:center;font-size:12px"><img src="pic3.jpeg"><p align="center">P3</p></div></div>
<div class="ui-block-a"><div class="ui-bar ui-bar-h" style="height:120px;text-align:center;font-size:12px"><img src="pic4.jpeg"><p align="center">P4</p></div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-h" style="height:120px;text-align:center;font-size:12px"><img src="pic5.jpeg"><p align="center">P5</p></div></div>
</div>
我正在解析JSON Web服务,我想从响应中提取元素的数量并显示图像。 (在上面的例子中是5个图像,这必须是基于JSON中元素数量的动态。
JSON Web服务:http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?
我正在使用$ .each()jquery语法提取items.title和items.media.m来替换P1和pic1.jpeg。
当有3个类时,如何动态生成div元素的数量,例如ui-block-a,ui-block-b和ui-block-c。有没有更好的方法呢?
在这里使用表格是一个更好的解决方案而不是jquery ui-grid吗?