Question

这是世界上最简单的想法，但它不起作用!! fadeIn功能在 IE9 中不起作用？这是一个演示：http://sergejpopov.com/test.htm

有什么想法吗？我发现了这个：http://www.kevinleary.net/wp-samples/ie-fade-problems.php但是无法弄清楚他们是如何修复的。

JS：

$(document).ready(function () {
            $(".a").click(function () {
                $(".b").fadeIn("500");
            });
        });

HTML：

<style type="text/css">
   .b{ display:none; background-color:#fff;}
</style>


<a href="javascript:void(0);" class="a" >aaa</a>
    <p class="b">bbb</p>

修改

很奇怪但是fadeOut没有任何问题......

Answer 1

好的，我所知道的是，如果display属性设置为none，它会在IE9中中断;并且使其工作的唯一方法是设置display：none;隐藏（）;它在页面加载..

  $(document).ready(function () {
            $(".b").hide();
            $(".a").click(function () {
                $(".b").fadeIn(500);
                return false;
            });
            $(".c").click(function () {
                $(".d").fadeOut(500);
                return false;
            });
        });

Answer 2

持续时间应为整数，请尝试此

$(document).ready(function () {
            $(".a").click(function () {
                $(".b").fadeIn(500);
            });
        });

Answer 3

$(document).ready(function () {
    $(".a").click(function () {
        $(".b").fadeIn(500);

        return false;
    });
});

<a href="#" class="a" >aaa</a>
<p class="b">bbb</p>

fadeIn在IE9中不起作用

3 个答案: