2013-03-26 99 views
4

我的JavaScript语法是菜鸟级,但我学习:>的fancybox - 实施afterClose回调

我使用的fancybox 2.1.4揭示内嵌<div id="content">。 传统上,<div>将设置为style="display:none",Fancybox将在激活时将其更改为阻止,并在关闭时将其更改为none

就我而言,实际上我在页面上显示的内容是<div>,它位于不同的位置(这对项目来说是正确的,我知道在那里可以有各种各样的意见)。

所以我需要保持<div id="content">在关闭fancybox(它本身消失)后消失。

经过一番研究,我发现,使用afterClose回调,我可以简单地改变或id"content"内嵌样式添加到display:block(这解决了这个问题

问题...是我rookiness:> 我尝试了很长一段时间,只是不知道在哪里把代码和正确的语法。

我将如何添加afterClose我的fancybox功能?

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".fancybox").fancybox(
     ); 
    }); 
</script> 

非常感谢任何帮助

+0

可能重复[如何炼成的fancybox不掩饰原来的直列块(http://stackoverflow.com/questions/14163967/ how-to-make-fancybox-not-hide-original-inline-block) – JFK 2013-03-26 20:45:43

回答

7

这是格式:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".fancybox").fancybox({ 
      afterClose : function(){ 
      // here any javascript or jQuery to execute after close 
      } 
     }); // close fancybox 
    }); // close ready 
</script> 
+0

肯尼迪,非常感谢你!它完美的作品。 – 2013-03-27 16:47:35