私は instagram API を使用して、私の Web サイトにライブ フィードを掲載しています。
<script>
$(function() {
$.ajax({
type: "GET",
dataType: "jsonp",
cache: false,
url: "https://api.instagram.com/v1/users/<?=$user_id?>/media/recent/?access_token=13137.f59def8.1a759775695548999504c219ce7b2ecf",
success: function(data) {
for (var i = 0; i < <?=$num_to_display?>; i++) {
$(".instagram").append("<div class='instagram-placeholder'><a target='_blank' href='" + data.data[i].link +"'><img class='instagram-image' src='" + data.data[i].images.low_resolution.url +"' /></a></div>");
}
}
});
});
</script>
これは完全に機能します...追加するまで
<script type="text/javascript">
jQuery(function($){
$.supersized({
slides : [ {image : 'slides\background1.jpg', title : ''} ]
});
});
</script>
私の質問は、なぜそのjsを追加するとJSONフィードが壊れるのですか? Firebug は、instagram API から画像を取得しようとさえしていないことを示しています。実験を行っているうちに、実際に他の JavaScript をサイトのどこにでも配置すると、JSON フィードが壊れてしまうことがわかりました。助言がありますか?