点击加载更多可添加9个JSON

时间:2016-05-17 16:21:21

标签: javascript jquery html css json

所以我有这个脚本:

<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个项目?

0 个答案:

没有答案