2012-10-22 33 views
0

http://www.teachhub.com/sevcik-tester-ooyala的fancybox彈出在Chrome和IE

的fancybox關閉事件不刪除疊加不刪除在Chrome和IE黑暗覆蓋。 Firefox的效果很好。我正在使用fancybox 2.下面註釋掉的項目,我試過強制關閉事件,它不工作。主窗口關閉,但黑色覆蓋仍然存在。

<script type="text/javascript"> 
jQuery(document).ready(function() { 
jQuery.noConflict(); 
}); 
</script> 
<div style="width: 312px;"> 

<script type="text/javascript"> 

jQuery(document).ready(function(){ 

    jQuery("a.videolink").fancybox({ 

    closeClick : true, 
    helpers : { 
    overlay : {closeClick: true} 
}, 


     'afterClose': function() { 
     videoPlayer.pause(); 
     //jQuery("#fancybox-wrap").hide(); 
     //jQuery("#fancybox-wrap").empty(); 
//jQuery("#fancybox-overlay").hide(); 
//jQuery("#fancybox-overlay").empty(); 
    //jQuery('#fancybox-overlay').unbind(); 
     } 
    }); 
}); 
</script> 
<script src='http://player.ooyala.com/v3/apikey'></script> 

<p style="font-weight: bold; color: red; font-size: 18px; line-height: 21px; margin-bottom: 10px; margin-left: 10px;">Welcome to TeachHUB.com</p> 

<!-- The Video Thumbnail --> 
<a class="videolink" href="#videocontainer" title=""> 
<img src="/sites/default/files/homepage-video-player.jpg" style="float: left; padding: 0px 15px 15px 10px;"/> 
</a> 

<!-- The Video Object --> 
<div id="videocontainer"> 
     <div id='playerwrapper' style='width:480px;height:360px;'></div> 

<script> 
var videoPlayer = OO.Player.create('playerwrapper','R0ZjB2NTqDw3YRWba9RIpRnF6D9lRYKP', { 
    // additional params go here 
}); 

videoPlayer.play(); 
</script> 
</div> 

回答

0

在Chrome中關閉fancybox後,它會觸發1500多個js錯誤....這很可能是一個循環。

嘗試加載jQuery的單個實例(理想情況下是最新版本)...到目前爲止,我已經找到3個不同的版本(v1.7.2,v1.4.4和v1.3.1)。