Question

我使用Instagram API在我的网站上提供实时Feed，可在此处{@ 3}}查看。

<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提要。有什么建议吗？

Answer 1

尝试在图片中使用完整网址：slides\background1.jpg？

导入任何custom.js文件时，JSON提要会中断

1 个答案: