fadeIn 在 IE9 中不起作用答案

【问题标题】：fadeIn doesn't work in IE9fadeIn 在 IE9 中不起作用
【发布时间】：2011-07-30 17:25:01
【问题描述】：

这是世界上最简单的想法，但它不起作用！ 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 工作没有任何问题..

【问题讨论】：

你为什么还要用那个丑陋的javascript:void(0)？只需点击功能中的return false;
另外你不需要在500周围加上引号
@PeeHaa，感谢您的指点，但这无济于事..
当我使用 IE9 测试时你确定它有效吗
@PeeHaa，是的，我明白了：sergejpopov.com/Capture.JPG

标签： jquery internet-explorer-9

【解决方案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;
            });
        });

【讨论】：

【解决方案2】：

持续时间应该是整数，试试这个

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

【讨论】：

更新了，还是一样的东西：sergejpopov.com/test.htm，它在其他所有浏览器中都可以使用，但在 IE9 中却不行..
如果您使用的是旧版本，请将 Jquery 升级到 1.6+。 IE9 中 Jquery 的问题很少
已更新 - 不走运，很奇怪，但 fadeOut 功能工作正常。
如果您已升级到 1.6.1 或 1.6.2，fadeIn 也应该可以工作

【解决方案3】：

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

        return false;
    });
});

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

【讨论】：