Twitch Streamers freecodecamp项目-显示问题

Question

我的代码没有在网页上显示徽标、显示名称和状态，尽管它们显示在控制台中。请帮我找出问题所在。我非常感谢！谢谢!

这是我的笔：https://codepen.io/cmtran/pen/vJGRWJ?editors=1111

$(document).ready(function(){
   var user_arr = ["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"];
  var channelURL = 'https://wind-bow.gomix.me/twitch-api/channels/';
  var streamURL ='https://wind-bow.gomix.me/twitch-api/streams/';
 var status;
  var display_name;
  var logoURL;

  for (var i = 0; i < user_arr.length; i++) {
    (function(i) { // protects i in an immediately called function
      $.getJSON(streamURL + user_arr[i] + '?callback=?', function (data) {
        //console.log(data);
        if(data.stream === null){
          $.getJSON(channelURL + user_arr[i] + '?callback=?',function(data){
            var display_name = data.display_name;
            var logoURL = data.logo;
            status = "Offline";
          })
        }
        else{
          display_name = data.stream.channel.display_name;
         // console.log(display_name);
        logoURL = data.stream.channel.logo;
          status = "Online";
    }
  $("#user_info").prepend("<div class= 'row'>" + "<div class='col-md-4'>" + "<img src= '" + logoURL + "'>" + "</div>"
 + "<div class= 'col-md-4'>" + display_name + "</div>" + "<div class = 'col-md-4'>" + status + "</div></div>");    


      });
    })(i);
}







  })

Answer 1

用$(".user_info")替换$("#user_info")，它就可以工作了。在您的代码中，.user_info是一个类，而不是一个id。=)