jquery fade在FF中没有第一次工作。为什么？

Question

问题：当页面在FF 3.6中运行时，fadeIn不会显示，直到您循环显示画廊之后才会显示。我怎样才能解决这个问题？

jQuery代码

$(document).ready(function() { 
     $("#gallerylinks a").each(function(index){ 
     $(this).click(function(){ 
      $(".gallerymain").hide(); 
      $("#gal"+index).fadeIn(); 
     }); 
     }); 
    }); 

HTML代码

<table width="960" border="0" cellspacing="0" cellpadding="0" id="gallerylinks"> 
     <tr> 
     <td><a href="#"><img src="images/somename1.jpg" width="240" height="186" /></a></td> 
     <td><a href="#"><img src="images/somename2.jpg" width="240" height="186" /></a></td> 
     <td><a href="#"><img src="images/somename3.jpg" width="240" height="186" /></a></td> 
     <td><a href="#"><img src="images/somename4.jpg" width="240" height="186" /></a></td> 
     </tr> 
    </table> 

Answer 1

淡入将无法正常工作，因为图像不加载了第一轮，而不是这样的：

$(document).ready(function() { 

这样做：

$(window).load(function() { 

不同的是，要加载window.onload等待图像，所以代码运行之前......即使第一次:)

或者他们会在那里，你可以预先加载时加载图像画廊，这里有manyoptionsoutthere。

Answer 2

你应该试试这个：

$(window).load(function(){ 
    $('#gallerylinks a').click(function(){ 
    $(".gallerymain").hide(); 
    $("#gal"+index).fadeIn('fast'); 
    }); 
});