如何从按钮点击关闭一个jQuery fancybox

我正在使用 fancy box创建一个弹出窗口，并使用iframe加载其他页面。这是我的代码

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

    $('.calendar .day').click(function() {
        day_num = $(this).find('.day_num').html();
        day_data = prompt('Enter Stuff',$(this).find('.content').html());
        if (day_data != null) {

            $.ajax({
                url: window.location,type: 'POST',data: {
                    day: day_num,data: day_data
                },success: function(msg) {
                    location.reload();
                }                       
            });
            }
        });
    });
$(document).ready(function(){
    $("a.iframefancybox1").fancybox({
    'width'           : 800,'height'              : 650,'overlayOpacity'     :  '0.4','overlayColor'       :  '#000','hideOnContentClick' :   false,'autoScale'          :   false,'transitionIn'       :   'elastic','transitionOut'  :   'elastic','type'           :   'iframe'
    });
});

</script>

它会成功加载页面，并执行该操作。但是，它不是关闭弹出窗体，而是在弹出窗口本身中加载弹出式窗体。我想在工作完成后关闭弹出窗体，并返回到生成弹出窗口的主菜单页面。如何在弹出窗体的按钮单击上实现此目的。

问候，兰加纳

解决方法

调用$ .fancybox.close();

也在post的这个答案

根据http://fancybox.net/faq

4. How can I close fancybox from other element? ?

Just call $.fn.fancybox.close() on
your onClick event

所以你应该能够添加到fn。

原文地址：https://www.jb51.cc/jquery/182068.html