javascript - 在 Mozilla/IE 中淡出无法正常工作

Question

这是我正在尝试创建的一个插件

http://jsfiddle.net/9FcN3/2/

它在 chrome 中完美运行，但我无法让它在 Firefox 和 IE 中运行。在 Firefox 中第二次淡出它没有动画（只是消失），而在 IE 中它完全一团糟（无需点击即可启动功能并且不动画淡出）

你能至少把我推向正确的方向吗？

试图让它在 IE 版本 9 中工作

HTML：

<div id="holder">
    <div id="thmb"></div>
    <div id="logo"></div>
    <div id="player">
</div>
<script type="text/javascript" src="js/ytplayer.js"  charset="utf-8></script>

</div>

JS：

  $('#thmb').click(function(){
  $(this).fadeOut('slow', timeout());
    function timeout(){
        setTimeout(function(){
        $('#logo').fadeOut('slow',play());
    },2000);
    }
  });

 function play() {
   if (player) {
     player.playVideo();
   }
  }

Answer 1

您正在调用函数 play，而不是为其分配引用。

$('#logo').fadeOut('slow',play());

需要是

$('#logo').fadeOut('slow',play);

IE 的另一个问题是 CSS。图层没有按照您认为的方式定位。你应该设置wmode: "opaque"