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

如何从按钮单击关闭Fancybox？

1 个答案: