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")