如何从按钮单击关闭Fancybox？

Question

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

请参阅常见问题解答，我们必须使用其中一个来关闭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>

Answer 1

你的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上模拟类似的行为我已经尝试过你已编写的例子并且它有效。