实现了afterClose回调

Fancybox - Implementing afterClose callback

本文关键字：回调 afterClose 实现      更新时间：2023-09-26

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

我使用Fancybox 2.1.4来显示一个内联的<div id="content">。传统上，<div>将被设置为style="display:none"，而Fancybox将在激活时将其更改为阻塞，并在关闭时将其更改为none。

在我的情况下，我实际上在不同位置的页面上可见<div>的内容(这对项目来说是正确的事情，我知道那里可以有各种各样的意见)。

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

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

这个问题……是我的菜鸟吗?我试了很长时间，只是不确定在哪里放代码，和正确的语法。

我如何将afterClose添加到我的fancybox函数?

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

非常感谢您的帮助

格式为:

<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>
相关文章：