0

您好我正在尝试使用 Javascript 循环显示 JSON 文件数据。但我做不到。我可以一次显示所有数据,甚至可以使用 Javascript Slice 函数显示第一个数据。

我如何循环循环并一次显示一个数据。请在下面找到我的代码。现在这段代码将显示数据限制为 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

1

两种方式:

  1. 容器中只有一个 div 和 change 字段,如图像、描述等。

  2. 按数据生成div容器,如果四个员工则四个div,并循环滑动。

于 2013-11-13T07:48:42.153 回答