Question

这是我试图创建的一个插件

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

在mozilla / IE淡出不会正常工作

1 个答案: