<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 网络服务:http ://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback= ?
我正在提取 items.title 和 items.media.m 以使用 $.each() jquery 语法替换 P1 和 pic1.jpeg。
当有 3 个类时如何动态生成 div 元素的数量,例如 ui-block-a、ui-block-b 和 ui-block-c。有没有更好的方法来做到这一点?
在这里使用表而不是 jquery ui-grid 是更好的解决方案吗?