Перезагрузка Soudcloud html5 виджет после json

Question

Im пытается загрузить несколько виджетов html5 из soundcloud после вызова json. Я делаю вызов 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 загружается правильно, но не материал, добавленный jquery. Как я могу перезагрузить/обновить/перезапустить JS, чтобы преобразовать мои ссылки?

Answer 1

Возможно, было бы проще использовать конечную точку oembed. Вы передаете ему постоянную ссылку на нужную дорожку, и она отвечает правильным кодом вставки виджета, который вы можете поместить прямо в документ.