jquery - 淡入在 IE9 中不起作用

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>

编辑:

很奇怪，但淡出效果正常，没有任何问题..

Answer 1

好吧，我发现如果显示属性设置为无，它会在 IE9 中中断；让它工作的唯一方法是不要设置 display:none;隐藏();它在页面加载时..

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