jQuery动画脚本只在IE中运行第一个动画function
所以我有这个Javascript代码块（见下文），它适用于Firefox，Chrome和Safari。 在IE中，它运行第一个动画function $(".slide1_background").animate({ yada yada yada然后什么都没有。我尝试在它之后发出警报，这也不会触发。
背景图像有一个单独的滑块脚本。 这是一个Joomla模块。
该网站位于这里 。
任何人都可以对这种情况有所了解吗？
$(window).load(function() { swap(); }); function swap() { //INITIAL LOAD AND SLIDE window.setTimeout(function() { $(".slide1_background").animate({ left: '-=1973', opacity: '1', display: 'block' }, 1000, 'easeOutBack'); $(".slide1_text").animate({ left: '-=1973', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { $(".slide2_background").css("left","960px"); $(".slide2_text").css("left","493px"); slideInSlide2(); }); }, 9000); }; function slideInSlide2() { //BEGINNING OF LOOP $(".slide2_background").animate({ left: '-=468', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { }); window.setTimeout(function() { $(".slide2_text").animate({ left: '-=468', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { slideOutSlide2(); }); }, 200); } function slideOutSlide2() { window.setTimeout(function() { $(".slide2_background").animate({ left: '-=1973', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { }); $(".slide2_text").animate({ left: '-=1973', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { $(".slide3_background").css("left","960px"); $(".slide3_text").css("left","960px"); slideInSlide3(); }); }, 6800); }; function slideInSlide3() { $(".slide3_background").animate({ left: '-=468', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { }); window.setTimeout(function() { $(".slide3_text").animate({ left: '-=468', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { slideOutSlide3(); }); }, 200); } function slideOutSlide3() { window.setTimeout(function() { $(".slide3_background").animate({ left: '-=1973', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { }); $(".slide3_text").animate({ left: '-=1973', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { $(".slide1_background").css("left","960px"); $(".slide1_text").css("left","960px"); slideInSlide1(); }); }, 6800); }; function slideInSlide1() { $(".slide1_background").animate({ left: '-=468', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { }); window.setTimeout(function() { $(".slide1_text").animate({ left: '-=468', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { slideOutSlide1(); }); }, 200); } function slideOutSlide1() { window.setTimeout(function() { $(".slide1_background").animate({ left: '-=1973', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { }); $(".slide1_text").animate({ left: '-=1973', opacity: '1', display: 'block' }, 1000, 'easeOutBack', function() { $(".slide2_background").css("left","960px"); $(".slide2_text").css("left","493px"); slideInSlide2(); //LOOP AGAIN }); }, 6800); };
window.setTimeout.live(function() {
试试看