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

前端之家收集整理的这篇文章主要介绍了如何从按钮点击关闭一个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

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

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

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

猜你在找的jQuery相关文章