jquery和IE渲染问题

问题描述:

我意识到IE浏览器在大多数情况下是有点垃圾,但我希望有人能想出一种方法来解决IE浏览器在使用jQuery时的显示问题。jquery和IE渲染问题

在以下站点

,我已经使用jQuery的菜单上显示和隐藏选项(项目和联系人)

http://www.isabelarbelaez.com

当这些被点击IE中,他们表现出什么是他们背后的即时,加载之前正常。

基本上,这看起来很烂!我想知道是否有人可以提出一种方法来克服这个问题?我对动画代码如下:

jQuery(document).ready(function($) { 

var timer; 
var display; 

$('li#contact').click(function() { 
     clearTimeout(timer); 
     $('ul.image_display').css('display', 'none'); 
     $('ul.projects').fadeOut().hide(); 
     $('li#cv').removeClass('cur'); 
     $('li#projects').removeClass('cur'); 
     $('li#contact').addClass('cur'); 
     $('ul.contact').fadeIn(function() 
         { 
         display = setTimeout(function() 
         { 
         $('ul.contact').fadeOut('slow'); 
         }, 8000); 
         }); 
     timer = setTimeout(function() { 
      $('li#contact').removeClass('cur'); 
      $('li#cv').addClass('cur'); 
      }, 8625); 

     }); 

     $(function() { 

     $('#projects').click(function() { 
     clearTimeout(timer); 
     $('li#cv').removeClass('cur'); 
     $(\"ul.contact\").fadeOut().hide(); 
     $('#contact').removeClass('cur'); 
     $('#projects').addClass('cur'); 
     $('ul.projects').fadeIn(function() 
         { 
         display = setTimeout(function() 
         { 
         $('ul.projects').fadeOut('slow'); 
         }, 8000); 
         }); 
     timer = setTimeout(function() { 
      $('li#projects').removeClass('cur'); 
      $('li#cv').addClass('cur'); 
       }, 8625); 
     }); 

     }); 

尝试用此更正:

$( “ul.image_display李#image_hover IMG”)ATTR( “SRC”,largeAlt);

$( “ul.image_display李#image_hover IMG”)ATTR( “SRC”, “”);

+0

感谢您的回复,但这不是我担心的部分。这将填充一个图像,并在IE中显示正常。这是当ul.projects和ul.contact加载看起来很差。 – DanC 2009-06-11 13:42:46