2008-12-09 42 views
4

下面的fadeIn,fadeOut效果在Firefox 3.0中效果不錯,但它在IE 7中不起作用...... Whay是這樣的,有什麼訣竅?這個想法當然是爲了獲得「眨眼」效果,並吸引用戶注意到表中的特定行。jQuery fadeIn,IE中的fadeOut效果

function highLightErrorsAndWarnings() { 
      $(".status-error").fadeIn(100).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300); 
      $(".status-warning").fadeIn(100).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300).fadeOut(300).fadeIn(300); 
     } 

更新:發現愚蠢的問題......「.STATUS錯誤」指向一個TR元素。設置背景顏色並將其淡入到Firefox中的tr中,但不在IE中是可能的。將「CSS指針」更改爲「.status-error td」使其指向tr下面的td,並且所有瀏覽器中的所有工作都可用。

+0

它是如何失敗?當你做單一的淡入淡出時它是否工作?我曾在IE 6和7中使用過,沒有任何問題。 – 2008-12-09 17:07:26

+0

@Nathan Long:發現問題。更新了問題。 – Riri 2008-12-10 07:48:08

回答

1

我有一個類似的問題,但我不能選擇td的,而不是由於各種原因。

如果您也受到影響,您可以嘗試使用show而不是fadeIn。由於我使用的是同樣打破fadeTo這並不能幫助我要麼:(

有一個jQuery錯誤打開這裏 - http://dev.jquery.com/ticket/5451

如果您受到影響,請在機票上發表評論

1

好,我已經嘗試過用不同的方法來解決這個問題,我使用的down and dirty方法是檢測文本的背景和前景色,並且只是通過顏色變化來動畫div/span/etc。你可以創建一個更多的功能mes通過:

$.fn.crossBrowserPulsate = function() { 
    var startColor = $(this).css("background-color"); 
    var endColor = $(this).css("color"); 

    $(this).animate({color:startColor},500, 
    function() { 
     $(this).animate({color:endColor},500, 
     ... 
    )} 
    ); 
}