我使用 instagram API 在我的网站上提供实时提要,可以在此处查看@The Dirty Cookie。
<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 提要。有什么建议么?