在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"