检测 Fancybox 2 是如何关闭的 - jQuery

Question

我正在使用 fancybox 来显示一个包含表单的 iFrame。提交表单后，我会像这样关闭fancybox：

parent.jQuery.fancybox.close();

然后我在 afterClose 事件上做一些 AJAX 事情。

我遇到的问题是，如果有人通过单击关闭按钮或单击fancybox 外部的调光器来关闭fancybox，那么它仍然会调用afterClose 函数中的AJAX 函数。

我如何检测fancybox 是如何关闭的，并且只有在fancybox 像这样关闭时才运行afterClose 函数：

parent.jQuery.fancybox.close();

我仍然需要为我的用户提供关闭fancybox的选项，这样我就无法禁用关闭按钮。

更新

查看 fancybox 对象，我可以看到 afterClose 函数有多个值：

是否可以将caller 值更新为afterClose 函数触发后我可以检查的值？我该怎么做？

Answer 1

尝试使用custom events。提交表单时触发您的自定义事件，让我们将其称为“fancybox:aftercloseajax”，然后监听该事件，然后执行您的 AJAX 操作。

编辑： 不知道您的代码看起来如何，但可能的解决方案：

$('form').on('submit', function(){
  parent.jQuery.fancybox.close();
  $('#targetDIV').trigger('fancybox:aftercloseajax');
});

$('#targetDIV').on('fancybox:aftercloseajax', function(){
  //event handler
  //do your ajax stuff as before
});

基本上不是监听afterClose事件，而是监听你调用fancybox.close()时触发的自定义事件

Answer 2

如果提交了表单，为什么不签入您的afterclose 活动？你可以通过你的javascript在你的提交按钮上放一个标志

var flag = 0;
$(".custom-class-of-your-submit-button").bind("click", function () {
    flag = 1;
});

在您的afterclose event 中添加一个 if 语句：

if (flag == 1) {
    \\ execute your AJAX code
}

希望对你有帮助。

编辑

您可以尝试使用 on 消息发送我认为的标志，但我还没有尝试过： How to communicate between iframe and the parent site?