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 をリロード/リフレッシュ/再初期化してリンクを変換するにはどうすればよいですか?