javascript - Twitch Streamers freecodecamp 项目 - 显示问题

Question

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

这是我的笔: 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") 即可。在 codepen 的 HTML 中，.user_info 是一个类，而不是 id。 =)