Question

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

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>

Answer 1

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

尝试加载单个jQuery实例（理想情况下是最新版本）...到目前为止，我找到了3个不同的版本（v1.7.2，v1.4.4和v1.3.1）。

Fancybox Popup不会删除Chrome和IE中的叠加层

1 个答案: