这是我试图开发的插件:
问题是:
第二次淡出不会在Firefox中工作,无法弄清楚原因。在所有其他浏览器中,这就像一个魅力,在Firefox中首先fadeOut动画,但第二个fadeOut不会动画(只是删除对象)。
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:
$( document ).ready(function() {
//Hide vid if browser is IE or Safari
var isMSIE = /*@cc_on!@*/0;
if (isMSIE) {
$('#player').css('display','none');
}
if (navigator.userAgent.match(/AppleWebKit/)) {
$('#player').css('display','none');
}
// Plugin lounch
$('#thmb').click(function(){
$(this).fadeOut('slow', timeout());
});
function timeout(){
setTimeout(function(){
$('#logo').fadeOut('slow',play);
},2000);
}
function play() {
if (player) {
//show vid if browser is IE or Safari
if (isMSIE) {
$('#player').css('display','block');
}
if (navigator.userAgent.match(/AppleWebKit/)) {
$('#player').css('display','block');
}
player.playVideo();
}
}
});
答案 0 :(得分:0)
尝试替换$(this).fadeOut('slow',timeout());与$(this).fadeOut('slow',timeout);