Fancybox Popup不会在Chrome和IE中删除叠加层 [英] Fancybox Popup not removing overlay in Chrome and IE

问题描述

http://www.teachhub.com/sevcik-tester-ooyala

Fancybox关闭事件并未消除Chrome和IE中的黑色覆盖层. Firefox很棒.我正在使用fancybox2.在下面的注释项目中，我尝试强制执行close事件，但该事件不起作用.主窗口关闭，但是深色的覆盖层仍然保留.

Fancybox close event is not removing the dark overlay in Chrome and IE. Firefox works great. I'm using fancybox 2. The commented out items below, I've tried forcing the close event and it's not working. The main window closes, but the dark overlay remains.

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

推荐答案

在Chrome中关闭fancybox之后，它会触发1500多个js错误....很可能是循环.

After you close fancybox in Chrome, it triggers 1500+ js errors .... it's most likely a loop.

尝试加载单个jQuery实例(最好是最新版本)...到目前为止，我发现了3个不同的版本(v1.7.2，v1.4.4和v1.3.1).

try loading a single instance of jQuery (ideally the latest version) ... so far, I have found 3 different versions (v1.7.2, v1.4.4 and v1.3.1).

这篇关于Fancybox Popup不会在Chrome和IE中删除叠加层的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！