Javascript Twitch拖缆freecodecamp项目-显示问题
我的代码不会在网页上显示徽标、显示名称和状态,尽管它们显示在控制台中。请帮我找出问题所在。我非常感激!谢谢大家! 这是我的钢笔: `Javascript Twitch拖缆freecodecamp项目-显示问题,javascript,Javascript,我的代码不会在网页上显示徽标、显示名称和状态,尽管它们显示在控制台中。请帮我找出问题所在。我非常感激!谢谢大家! 这是我的钢笔: ` $(文档).ready(函数(){ var user_arr=[“ESL_SC2”、“OgamingSC2”、“cretetion”、“freecodecamp”、“storbeck”、“habathcx”、“RobotCaleb”、“Noobs2nijas”]; var channelURL=https://wind-bow.gomix.me/twitch-ap
$(文档).ready(函数(){
var user_arr=[“ESL_SC2”、“OgamingSC2”、“cretetion”、“freecodecamp”、“storbeck”、“habathcx”、“RobotCaleb”、“Noobs2nijas”];
var channelURL=https://wind-bow.gomix.me/twitch-api/channels/';
var streamURL=https://wind-bow.gomix.me/twitch-api/streams/';
var状态;
变量显示名称;
变量logoURL;
对于(变量i=0;i
将$(“.user\u info”)
替换为$(“.user\u info”)
,它将正常工作。在代码笔的HTML中,.user\u info是一个类而不是id。=)用$(“.user\u info”)
替换$(“.user\u info”)
,它会起作用。在代码笔的HTML中,.user_info是一个类而不是id。=)这太棒了。非常感谢Astro Boogie!它现在可以显示了,但我发现了另一个小问题,不是所有的用户名都显示出来,有些用户名会重复出现,所以我不知道我在哪里犯了错误。如果你能为我指出,我将不胜感激!太棒了。非常感谢Astro Boogie!它现在可以显示了,但我发现了另一个小问题,不是所有的用户名都显示出来,有些用户名会重复出现,所以我不知道我在哪里犯了错误。如果你能为我指出,我将不胜感激!
$(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);
}
})