0

こんにちは、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>');
        });
});
});
4

1 に答える 1