如何通过点击按钮关闭FancyBox？

How to close Fancybox from a button click?(如何通过点击按钮关闭FancyBox？)

问题描述

我知道这个问题有很多主题，但我找不到我特定问题的答案...

参考常见问题解答，我们必须使用其中一个来关闭FancyBox。

$.fancybox.close();

或

parent.$.fancybox.close();

但这在我的情况下不起作用。

我使用的是AJAX类型的FancyBox，如下所示：

  $('.fancybox2').fancybox({

            type: 'ajax',
            title: 'Admin',
            maxWidth    : 800,
            maxHeight   : 400,
            fitToView   : false,
            width       : '70%',
            height      : '70%',
            autoSize    : false,
            closeClick  : false,
            openEffect  : 'elastic',
            closeEffect : 'none',
        });

因此，在单击一个按钮后，它会在FancyBox中显示另一个页面。 此页面中有一个包含以下代码的按钮：

<input type=button onclick="$.fancybox.close();" value="Save" style="margin-top:30px;" class=button>

推荐答案

您的onclick="$.fancybox.close();"没有看到您的主FancyBox对象。 试着这样做

<input type="button" value="Save" style="margin-top:30px;" class="button closeFancybox">

和您的主文档

$(function(){
    $(document).on('click','.closeFancybox',function(){
            $.fancybox.close();
    })
})

---

更新

请尝试在https://jsfiddle.net上模拟类似的行为 我试过你写的例子，它起作用了。

这篇关于如何通过点击按钮关闭FancyBox？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！