Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery动画不透明度';我不在IE工作_Jquery_Internet Explorer_Opacity - Fatal编程技术网

jQuery动画不透明度';我不在IE工作

jQuery动画不透明度';我不在IE工作,jquery,internet-explorer,opacity,Jquery,Internet Explorer,Opacity,关于jQuery动画的介绍,我有一个奇怪的问题。我使用views/drupal加载内容,将display设置为none。然后我想淡入淡出每一行 在所有浏览器中都能很好地工作,但在IE中不行。。。有人知道为什么吗 jQuery('.view-intro').find('.views-row-1') .css('display','block') .animate({opacity: 1.00}, time_short, 'swing') .animate({opacity:

关于jQuery动画的介绍,我有一个奇怪的问题。我使用views/drupal加载内容,将display设置为none。然后我想淡入淡出每一行

在所有浏览器中都能很好地工作,但在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')

            })
        })
    })

IE8及以下版本无法识别不透明度css属性,因此我建议您使用fadeTo(),这应该可以使用。

您是否尝试过使用
.fadeIn()
.fadeOut()
?jQuery应该在这里处理跨浏览器问题。您也可以只使用
.show()
.hide()
(甚至是
.toggle()
)而不是使用
.css('display',