Question

感谢这个网站，我现在从服务器返回json数据，很好地弹出我的页面。

返回的其中一个字段是NUM_PHOTOS。每个item.id至少有一张照片。

但是实际的照片不在json数据中，它们位于diff目录中，并且都以'item.id'+/1.jpg开头，并且取决于该特定项目存在的NUM_PHOTOS。

e.g。项目'20090'有5张照片，在一个单独的目录中：/20090/1.jpg, 20090/2.jpg, etc.，但有很多照片。如何根据每个.jpg

的NUM_PHOTOS增加item.id?前缀的数字

我使用下面的代码为每个'item.id'动态填充了flexsider的前3张图片，但当然照片的数量会有所不同，而且我仍然坚持附加{的前缀所需的内容每个.jpg'

NUM_PHOTOS中的{1}}

item.id.

我尝试了几种技术，但作为初学者，我需要一点手......

$('.flexslider .slides').append('<li><img src="http://url/data/listing/pics/' + item.id     + '/1.jpg"></li>');           
$('.slides').append('<li><img src="http://www.url.co.nz/data/listing/pics/' + item.id     + '/2.jpg"></li>');
$('.slides').append('<li><img src="http://www.url.co.nz/data/listing/pics/' + item.id     + '/3.jpg"></li>');
}

Answer 1

您必须计算JSON数据中的id数。

就在这一行之前

var listing = data.item;

一旦你计算，然后将下面的代码放在它的循环中

for(i=0;i<counted_value;i++){
   var listing = data.item;
   $('.slides').append('<li><img src="http://www.url.co.nz/data/listing/pics/'+ listing.id +'/2.jpg"></li>');
}

如果你不知道如何计算，那么首先在控制台中打印数据并检查数据格式并尝试在测试文件中打印计数

如何根据每个item.id的NUM_PHOTOS增加.jpg前缀的数字？

1 个答案: