图像加载到Jquery ui-grid元素

时间:2013-07-15 20:32:06

标签: json jquery-ui jquery-mobile

  <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吗?

0 个答案:

没有答案