2012-03-15 21 views
1

my siteのイントロにjQueryアニメーションで奇妙な問題があります。私はビュー/ drupalでコンテンツを読み込み、表示をnoneに設定します。次に、各行をフェードインまたはフェードインしたい。jQueryアニメーションの不透明度がIEで機能しない

すべてのブラウザでうまく動作しますが、IEでは動作しません。なぜ誰かがアイデアを持っていますか? 、それは動作するはずです)以下

jQuery('.view-intro').find('.views-row-1') 
    .css('display','block') 
    .animate({opacity: 1.00}, time_short, 'swing') 
    .animate({opacity: 1.00}, time_long, 'linear') 
    .animate({opacity: 0.00}, time_short, 'swing', function(){ 

     jQuery('.view-intro').find('.views-row-1').css('display','none') 

     jQuery('.view-intro').find('.views-row-2') 
     .css('display','block') 
     .animate({opacity: 1.00}, time_short, 'swing') 
     .animate({opacity: 1.00}, time_long, 'linear') 
     .animate({opacity: 0.00}, time_short, 'swing', function(){ 

      jQuery('.view-intro').find('.views-row-2').css('display','none') 

      jQuery('.view-intro').find('.views-row-3') 
      .css('display','block') 
      .animate({opacity: 1.00}, time_short, 'swing') 
      .animate({opacity: 1.00}, time_long, 'linear') 
      .animate({opacity: 0.00}, time_short, 'swing', function(){ 

       jQuery('.view-intro').find('.views-row-3').css('display','none') 

       jQuery('.view-intro').css('display', 'none') 
       jQuery('.view-collections').animate({opacity: 1, paddingLeft: 0}, time_short, 'swing') 

      }) 
     }) 
    }) 
+0

代わりに '.fadeIn()'と '.fadeOut()'を使ってみましたか? jQueryはクロスブラウザーの問題をここで処理する必要があります。また、 '.css( 'display'、' display ')の代わりに '.show()'と '.hide()'(あるいは '.toggle() – m90

答えて

0

IE8とは、不透明度のCSSプロパティを認識しないので、私はあなたがfadeToを(使用をお勧めします。

関連する問題