jquery - 在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端点可能更容易。您将所需曲目的永久链接传递给它，它会以正确的小部件嵌入代码进行响应，您可以将其直接放入文档中。