jquery - 淡入/淡出在 IE 中不起作用

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

根据这篇文章，您可能需要将过滤器添加到您的 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(); 
 });