getJSON不能在IE中加载(任何版本)

getJSON won't load in IE (any version)

本文关键字:任何 版本 加载 不能 IE getJSON      更新时间:2023-09-26

我使用$。getJSON从Vimeo加载视频库,它可以在所有浏览器中正常工作,除了任何版本的IE。我不知道我做错了什么。

下面是getJSON运行的.js文件:

console.log('file load');
var jsonURL = 'http://vimeo.com/api/v2/album/1822727/videos.json';
$.getJSON(jsonURL, function(data){
  $.each(data, function (index, value) {
    var videoID = value.id;
    var videoThm = value.thumbnail_large;
    $('#galThms').prepend('<li id="thm' + videoID + '" style="background-image:url(' + videoThm + ');"><a title="' + videoID + '" href="#playVideo"></a></li>');
    console.log('json success');
    });
    $(function() {
      $('.galleryThms a').click(function() {
        $('#loadVideo').slideDown();
        $('.galleryThms a').html('');
        $(this).html('<div class="currentOverlay"><ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div>');
        $('<div class="watchedVideo"></div>').appendTo($(this).parent());
        $('.galleryThms a').css('background-image', 'url(/images/gallery-play-button.png)');
        $(this).css('background-image', 'none');
        //Embed Video
        var vimeoEmbedID = $(this).attr( "title" );
        $('#loadVideo').html('<iframe src="//player.vimeo.com/video/' + vimeoEmbedID + '?title=0&amp;byline=0&amp;portrait=0&amp;color=57bec7&amp;autoplay=1" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');
     });
  });
 });

实际示例可以在这里找到:http://wavesmediagroup.com/weddings/portfolio/

这是一个跨域问题。本文http://e-mats.org/2010/01/jquery-getjson-and-the-same-origin-policy详细解释了您只需添加:

?callback=?
在你的跨域JSON文件的末尾,jquery处理剩下的部分。所以我的URL现在是:
http://vimeo.com/api/v2/album/1822727/videos.json?callback=?

…它工作得很完美!