Javascript / Fancybox错误？

在我的页面上，我在主图像下方有6个框，使用JS可以获得很好的淡入效果。 在此页面上，我还在页面开头处使用Fancybox Load（使用onload）来显示用户需要查看的图像。

问题是，当用户第一次加载页面时，其中一个框几乎不会显示此问题的屏幕截图： http ： //screencast.com/t/ROU61nMSgzy

问题是如何解决这个问题所以这个问题不会发生？ 注意：页面缓存后，此问题不会发生。

这是框中的JS：

var $j = jQuery.noConflict(); $j(document).ready(function(){ Engine.Initialize(); if( !$j('body').hasClass('index') && !$j('body').hasClass('homepage') ) { } }); var Engine = { Initialize: function() { Engine.Homepage_Animation(); }, Homepage_Animation: function() { if( !$j.browser.msie ) { $j('#homepage-main-item img').hide().fadeIn(700, function(){ $j(this).css('display', 'block'); $j('#homepage-boxes .boxes').each(function(i) { $j(this).delay(100 * i).animate({ opacity: 1 }, 300); }); }); } else { $j('#homepage-main-item img').css('display', 'block'); $j('#homepage-boxes .boxes').css('opacity', 1); } }, } 

这是Fancybox的JS。

   var $j = jQuery.noConflict(); $j(document).ready(function(){ $j("#start").fancybox({ 'padding' : 0 }); });  

Fancybox的HTML

谢谢你的帮助=>

Answer 1

如果您想首先运行fancybox，请使用fancybox onComplete回调：

 $j(document).ready(function(){ $j('#start').fancybox({ 'onComplete': function () { Engine.Initialize(); } }); }); 

否则，在调用自定义初始化函数后放入fancybox代码：

 $j(document).ready(function(){ Engine.Initialize(); $j("#start").fancybox({ 'padding' : 0 }); });