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

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

转载作者：太空宇宙更新时间：2023-11-04 13:44:16

我尝试将准确的 .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/