在json之后重新加载Soudcloud html5小部件

Question

我试图在json调用后从soundcloud加载多个html5小部件。我做了json调用然后将东西附加到我的主div，但小部件没有正确加载。我怀疑这与函数调用的时间有关。

<script>$(document).ready(function(){
var url='https://api.soundcloud.com/tracks.json?client_id=client_id';
$.getJSON(url, function(tracks){
    $.each(tracks, function(key,value){
        $('#container').append('<a href="' + value.permalink_url +  '" class="sc-player">MY NEW DUB TRAXXXXX</a>');
    });
});
});
</script>

<div id="container">
<a href="http://soundcloud.com/matas/hobnotropic" class="sc-player"> My new dub track</a></div>

div中的a标签正确加载，但不是由jquery添加的东西。如何重新加载/刷新/重新初始化JS来转换我的链接？

Answer 1

使用oembed端点可能更容易。您将它传递给您想要的轨道的永久链接，并使用正确的小部件嵌入代码进行响应，您可以直接将其放入文档中。