如何通过单击按钮关闭jQuery fancybox

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用精美的框创建弹出窗口，并使用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>

它成功加载页面并执行相应的操作。但是，它没有关闭弹出窗体，而是在弹出窗口本身内部加载了弹出源窗体。我想在工作完成后关闭弹出窗口，然后返回到从其生成弹出窗口的主菜单页面。如何在弹出窗口的按钮单击上实现此目的。

此致Rangana

回答：

拨电至 $.fancybox.close();

根据http://fancybox.net/faq

  1. 如何从其他元素关闭FancyBox？？

只需致电$.fn.fancybox.close()您的onClick事件

因此，您应该只能添加fn。

以上是 如何通过单击按钮关闭jQuery fancybox 的全部内容， 来源链接： utcz.com/qa/417945.html

回到顶部