jquery .next *？*问题

Question

基本上得到这一点的代码，在ie8 &低于工作。

自动更改会淡出当前的文本块，但不会淡入新文本，这使得我认为它正在播放的.next（），因为单击数字（.click函数）可以正常工作。

的jQuery：

function doSlideshow() { 
    if ($('.image_links a.selected').attr("rel") == "five") { 
     the = $('.image_links a:first'); 
    } else { 
     the = $('.image_links a.selected').next('a'); 
    } 
    $('.image_links a.selected').removeClass("selected"); 
    $(the).addClass("selected"); 
    var theNum = $(the).attr("rel"); 
    $('.image_area .images img:not(.visible)').removeClass().addClass("reset"); 
    $('.image_area .images img#' + theNum).removeClass().addClass("que"); 
    $('.image_area .images img.visible').fadeOut(500, function() { 
     $('.image_area .images img.visible').removeClass().attr("style", "display:block;").addClass("reset"); 
     $('.image_area .images img.que').removeClass("que").addClass("visible") 
    }); 
    $('.image_area .content .text').fadeOut(); 
    $('.image_area .content .text.' + theNum).fadeIn(); 
    thistimeout = setTimeout('doSlideshow()', 6000); 
    return false; 
} 
$(function() { 
    thistimeout = setTimeout('doSlideshow()', 6000); 
    $('.image_area .images img').removeClass().addClass("reset"); 
    $('.image_area .images img#one').removeClass().addClass("visible"); 
    $('.image_links a').click(function() { 
     clearTimeout(thistimeout); 
     if ($(this).hasClass("selected")) { 
      return false; 
     } 
     $('.image_links a.selected').removeClass("selected"); 
     $(this).addClass("selected"); 
     var theNum = $(this).attr("rel"); 
     $('.image_area .content .text').fadeOut(); 
     $('.image_area .content .text.' + theNum).fadeIn(); 
     $('.image_area .images img:not(.visible)').removeClass().addClass("reset"); 
     $('.image_area .images img#' + theNum).removeClass().addClass("que"); 
     $('.image_area .images img.visible').fadeOut(500, function() { 
      $('.image_area .images img.visible').removeClass().attr("style", "display:block;").addClass("reset"); 
      $('.image_area .images img.que').removeClass("que").addClass("visible") 
     }); 
     thistimeout = setTimeout('doSlideshow()', 6000); 
     return false; 
    }); 
}); 

这里是链接： http://b2j3new.zen-host.com 受影响的区域是顶级图像转换。在webkit/gecko中正常工作

Mucho unaato！

Answer 1

尝试更换（2处）

thistimeout = setTimeout('doSlideshow()', 6000); 

有：

thistimeout = setInterval(function() {doSlideshow();}, 6000); 

从doSlideshow删除：

thistimeout = setTimeout('doSlideshow()', 6000); 

而变化：

clearTimeout(thistimeout); 

要：

clearInterval(thistimeout); 

让我知道是否有帮助。

Answer 2

它看起来像IE 8没有运行你doSlideshow功能。

这是一个远射，但是你在javascript中缺少了几个分号。我以前看过IE对这类东西很敏感，但是就像我说的那样，这是一个触手可及的东西。

修复两行不以分号结尾的行。

$('.image_area .images img.que').removeClass("que").addClass("visible") 

$('.image_area .images img.que').removeClass("que").addClass("visible")