こんにちは、Javascript を 1 つずつ使用して、JSON ファイル データを循環的に表示しようとしています。しかし、私はそれを行うことができません。Javascript Slice 関数を使用して、一度にすべてのデータを表示できます。また、最初のデータを 1 つだけ表示することもできます。
循環的にループして、一度に 1 つのデータを表示するにはどうすればよいですか。以下のコードを見つけてください。現在、このコードは表示データを 1 に制限しています。そのスライス関数を削除すると、データ全体を表示できます。
$(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>');
});
});
});