Question

我刚刚上传了一个新网站并且注意了一段时间（我的错），导航菜单上的淡入/淡出效果在IE上无效。它让我发疯，因为它在所有其他浏览器中都能很好地运行。有什么想法吗？

以下是该网站的链接：http://www.sveiki-constructions.com 这是jquery：

$(document).ready(function(){
    function preload(arrayOfImages) {
            $(arrayOfImages).each(function(){
               $('<images/>')[0].src = this;

    });
    }
    preload([
    'home_default.jpg',
    'home_lowbudget.jpg',
    'home_coldroom.jpg',
    'home_cleanroom.jpg',
    'home_distribution.jpg',
    'home_distribution.jpg',
    'home_mini.jpg',
    'home_panels.jpg'

    ]);



    $('.link ').hover(
        function(){
            $(this).css({'background-color':'#333333'});

            var imgloc= $(this).find('a').attr('alt');
            var oldpic =$('.homeContainer .image img');
            var oldsrc= $(oldpic).attr('src');
            var newpic =$('<img src="images/' + imgloc + '.jpg">');
            var newsrc= $(newpic).attr('src');

            if(newsrc !== oldsrc){
                $('.homeContainer .image').prepend(newpic);
                newpic.hide();
                newpic.fadeIn(500); 
                oldpic.fadeOut(500, function(){
                    $this.remove();
                });
                }

            },
            function(){
            $(this).css({'background-color':'#1c3261'});
            })

        $('.homeContainer .image').prepend('<img src="images/home_default.jpg">');

});

Answer 1

根据此post，您可能需要将过滤器添加到CSS中：

$('<your menu selector>').css('filter', 'alpha(opacity=0)'); // or 100 for fadeout 1st

Answer 2

IE控制台说“$ this”未定义。

你的fadeOut上有错误，请尝试将其替换为：

 oldpic.fadeOut(500, function(){
     $(this).remove(); 
 });

淡入/淡出不在IE中工作

2 个答案: