Fancybox - 实现afterClose回调

时间:2013-03-26 20:32:15

标签: javascript jquery fancybox fancybox-2

我的javascript语法是新手级别,但我正在学习:>

我正在使用Fancybox 2.1.4来显示内联<div id="content">。 传统上,<div>将设置为style="display:none",Fancybox会将其更改为在激活时阻止,并在关闭时返回none

在我的情况下,我实际上在页面上可以看到<div>的内容在不同的位置(这对项目是正确的,我知道可以有各种各样的意见)。< / p>

所以我需要让<div id="content">在关闭fancybox(它本身消失了)之后不会消失。

经过一些研究,我发现使用afterClose回调,我可以简单地将id"content"的内联样式更改或添加到display:block(这可以解决问题。

问题......是我的笨蛋:&gt; 我试了很长时间,只是不知道在哪里放置代码和正确的语法。

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

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

非常感谢任何帮助

1 个答案:

答案 0 :(得分: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>