gpt4 book ai didi

html - API 样式 Javascript + HTML

转载 作者:行者123 更新时间:2023-11-28 11:37:02 25 4
gpt4 key购买 nike

基本上我在面板/标题中使用 bootstrap CSS

我有一个来自 Twitch.tv 的 Kraken 的 API,它可以抓取 3 个流

我的问题是它在一个框中显示了 3 个流

http://jsfiddle.net/82wNq/28/

<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><div id="content1"></div> - <div id="content2"></div></h3>
</div>
<div class="panel-body">
<div id="content3"></div>
</div>
</div>

如果有人能给我任何指示,我将非常感激

最佳答案

您正在循环中将所有元素加在一起。

重新创建元素并单独添加。

演示: http://jsfiddle.net/82wNq/30/show/

代码: http://jsfiddle.net/82wNq/30/

    function (data) {
var temp = "";
$.each(data.streams, function (index, item) {
temp = temp + "<div class='panel-heading'><h3 class='panel-title'></h3><div id='content1'>" + item.channel.display_name + "</div><div id='content2'>" + item.viewers + "</div></div><div class='panel-body'><div id='content3'><img src='" + item.preview.medium + "'/></div></div>";
});
$("#content").html(temp); }

关于html - API 样式 Javascript + HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20867397/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com