Question

我正在尝试使用以下代码将Json数组拆分为3列Bootstrap行我正在尝试通过将数字变量增加到3，添加一个新的行div并将其重新设置为1.

实际上，变量在第一个attt返回为“NaN”以增加它

请你的帮助，或任何其他想法将json分成3-col行。

代码：

 <script>
   $( document ).ready(function() {
    var coli;

    console.log( 'ready!'+coli );

   $.getJSON("games.json", function(data) {
        var html = '';
        var coli=1;
        $.each(data, function(key,value){
            if (coli==3) {
                html += '<div class="row">';
                console.log( "3!" );
            }

           html += '<div class="col-md-4 img-portfolio">';
           html += '<a href="portfolio-item.html">';
           html += '<img class="img-responsive img-hover" src="'+value.teaser+'" alt="">';
           html += '</a>';
           html += '<h3>';
           html += '<a href="portfolio-item.html">'+value.title+'</a>' ;
           html += '</h3>';
           html += '<p>'+coli+value.description+'</p>';
           html += '</div> ';


             if (coli==3) {
                html += '</div>';
                var coli=1;
                console.log( "1!" );
            }
            coli++;
            console.log( 'ready!'+coli );
        });

    $('#yourContainerId').html(html);
    });

      });
   </script>

谢谢

Answer 1

尝试替换

if (coli==3) {
    html += '</div>';
    coli=1;
    console.log( "1!" );
}

带

if-statement

您在{{1}}声明您的变量大肠杆菌是新的。那是你不应该做的。

在尝试打印json数组时，数字定义的varliable变为NaN

1 个答案: