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