我使用$ .getJSON從Vimeo加載視頻庫,並且在任何版本的IE瀏覽器中,它在所有瀏覽器中都能正常工作。我無法弄清楚我做錯了什麼。getJSON將無法在IE中加載(任何版本)
這裏是js文件,其中的getJSON運行:
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&byline=0&portrait=0&color=57bec7&autoplay=1" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');
});
});
});
的活生生的例子可以在這裏找到:http://wavesmediagroup.com/weddings/portfolio/
嘗試使用'$ .ajax'並傳入一個錯誤處理程序,以便您可以知道發生了什麼。這是我不使用'$ .getJSON'的原因之一。另外,嘗試更高版本的jQuery 1.1是非常古老的。 –
我有jQuery 1.11。只是嘗試升級到V2,但看看是否會有所幫助。不再需要IE8,所以它反正是時候了。如果我使用ajax,是否可以替換getJSON或者整個語法是否改變?抱歉,無知,更新到Javascript土地。 – jons