gpt4 book ai didi

javascript - 代码学院 : How to make this Soundcloud API example to work IRL

转载 作者:太空宇宙 更新时间:2023-11-04 13:44:16 25 4
gpt4 key购买 nike

我尝试将准确的 .html 和 .js 代码放在网上并自己托管。

我想复制这个例子:http://www.codecademy.com/courses/javascript-intermediate-en-txGOj/0/2?curriculum_id=50ecb9bedc5e3250c40000c6

您可以在 www[dot]whatsgucci[dot]com/cloudstalk.html 查看我的代码

这是我使用的代码:

HTML:

<!doctype html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stalkstyle.css"/>
<script src="http://connect.soundcloud.com/sdk.js"></script>
<script src="stalkscript.js"></script>
</head>
<body>
<ul id="results">

</ul>
</body>
</html>

CSS:

#results {
color: #000000;
font-weight: bold;
font-family: cursive;
}

JS:

SC.initialize({
client_id: '5e3fe3759c70fe637cb15bab22e238e0'
});

$(document).ready(function() {
SC.get('/tracks', { genres: 'festival trap' }, function(tracks) {
$(tracks).each(function(index, track) {
$('#results').append($('<li></li>').html(track.title + ' - ' + track.genre));
});
});
});

但最终什么也没有出现

最佳答案

具体添加到哪里

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

您的示例目前因未添加 jquery 而损坏。您必须像这样在 soundcloud sdk 导入上方添加 jquery:

<!doctype html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<link type="text/css" rel="stylesheet" href="stalkstyle.css"/>
<script src="http://connect.soundcloud.com/sdk.js"></script>
<script src="stalkscript.js"></script>
</head>
<body>
<ul id="results">

</ul>
</body>
</html>

你可以在这里看到你的工作示例:
http://runnable.com/UzetnvwmO3pX9Eiq/code-academy-how-to-make-this-soundcloud-api-example-to-work-irl

关于javascript - 代码学院 : How to make this Soundcloud API example to work IRL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22601716/

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