[英]How to loop through External JSON file data circularly using Javascript?
嗨,我正尝试使用Javascript循环显示JSON文件数据。 但是我做不到。 我可以使用Javascript Slice函数一次显示所有数据,甚至仅显示第一个数据。
我如何循环循环并一次只能显示一个数据。请在下面找到我的代码。 现在,此代码将显示数据限制为1,如果我删除该slice函数,则可以看到整个数据。
$(document).ready(function(e) {
//jobs('experiment','assets/js/job.json');
$('.announce-section').addClass('zoom');
$.getJSON("assets/js/job.json", function( result ){
$('#wrapper header').html(result.title);
$('#wrapper h2').html(result.subtitle);
var rlength = result.jobs.length;
alert(rlength);
$.each(result.jobs.slice(0,1), function(key, field){
var jlength = result.jobs.length;
var img = field.image;
$('.pattren').append('<div class="data screen'+key+'"></div>');
if(img !='')
{
$('.pattren .data').append('<img src="assets/img/'+field.image+'" />');
}
$('.pattren .data').append('<ul><li>'+field.label_1+'<span>'+field.description_1+'</span></li><li>'+field.label_2+'<span>'+field.description_2+'</span></li><li>'+field.label_3+'<span>'+field.description_3+'</span></li><li>'+field.label_4+'<span>'+field.description_4+'</span></li></ul>');
});
});
});
两种方式:
容器中仅放置一个div和change字段,例如图像,说明等。
如果有四个雇员,则通过数据生成div容器,然后是四个div,然后循环滑动。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.