javascript - 如何通过单击按钮关闭 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 上模拟类似行为 我已经尝试过您编写的示例并且它有效。