所以我有这个脚本:
<script>
var twitchApi = "https://api.twitch.tv/kraken/streams";
$.getJSON(twitchApi, function(json) {
for (var i = 0; i < 9; i++) {
var streamGame = json.streams[i].game;
var streamThumb = json.streams[i].preview.medium;
var streamVideo = json.streams[i].channel.name;
<!-- var streamViewers = json.streams[i].streamViewers; -->
var img = $('<img style="width: 250px; height: 250px;" src="' + streamThumb + '"/>')
$('#twitch').append(img);
img.click(function() {
$('#twitch iframe').remove()
$('#twitch').append('<iframe src="http://player.twitch.tv/?channel=' + streamVideo + '"></iframe>');
});
}
});
</script>
我希望一旦你点击让我们说#load(这是一个图像)或按钮或其他任何东西,它就会添加来自JSON的+9项。如何修改代码以获取onClick操作,该操作从JSON中调用另外9个项目?