Question

我意识到IE在大多数情况下都有点垃圾，但我希望有人能够在使用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); 
    });
  });

Answer 1

尝试使用此更正：

$("ul.image_display li#image_hover img").attr("src", largeAlt );

和

$("ul.image_display li#image_hover img").attr("src", "" );

jQuery和IE渲染问题

1 个答案: