javascript - Fancybox 在关闭时显示 div

Question

我使用这段代码加载一个 fancybox 弹出窗口，它在打开时隐藏父页面上的另一个 div，然后当它关闭时我需要它再次显示该 div，但它似乎无法找到原始 div显示。

<script type="text/javascript">
        $(document).ready(function() {
        $(".fancybox").fancybox();
            $(".fancybox").click(function() {
                $("#divtotoggle").hide();
                $.fancybox.open({
                      'type': 'iframe',
                    padding : 0,
                  afterClose: function() {
                        //$("#divtotoggle",parent.document).show();
                        $("#divtotoggle").show();
                    } 
                });
            });
        });
</script>

我在 afterClose 函数上收到 TypeError: document.getElementById(...) is null

我认为这是因为它在父级上，但是 $("#divtotoggle",parent.document).show(); 也失败了。

Answer 1

我认为您没有以正确的方式使用 fancybox API:试试这个，但我还没有测试过:注意:如果这不起作用，请访问此链接并进行一些调整 http://fancybox.net/api

$(".fancybox").fancybox({
    'type': 'iframe', 
    'onStart':function(){ 
      $("#divtotoggle").hide();
    },
    'onClosed': function() {
      $("#divtotoggle").show();
    }
});