javascript - 声云API : getting this simple example to work

Question

我正在使用这个 Soundcloud 示例:http://connect.soundcloud.com/examples/basic.html

我会将以下代码复制到 html 文档中:

<script src="//connect.soundcloud.com/sdk.js"></script>
<script>
  SC.initialize({
    client_id: "YOUR_CLIENT_ID"
  });

  $("#loadTracks").live("click", function(){
    SC.get("/tracks", {limit: 1}, function(tracks){
      var track = tracks[0];
      SC.oEmbed(track.uri, document.getElementById("track"));
    });
  });
</script>

<input type="button" id="loadTracks" class="button big" value="Get hottest track" />
<div id="track"></div>

然后我只需将 YOUR_CLIENT_ID 替换为我的客户端 ID。当我尝试重新托管它时，我得到的只是:http://tobyfray[dot]com/

我也应该使用以下 .js 文件吗？:http://connect.soundcloud[dot]com/examples/examples.js

无论如何，任何有关如何使其完全按照此处示例工作的帮助将不胜感激:http://connect.soundcloud.com/examples/basic.html

当您单击我的按钮时，我的示例没有任何反应

Answer 1

您的页面上缺少 jQuery。如果您查看 JavaScript 控制台，您将看到 $ 未定义。

无论如何，我不建议按原样遵循此示例。 jQuery.live() 几年前已被弃用。 $('#loadTracks').on('click', function () { 效果会更好，但是您的页面上仍然需要 jQuery 才能使用此代码示例。否则，您可以绑定(bind)您的使用 addEventListener 单击处理程序。