JavaScript 函数未完成

Question

我正在编写一个 JavaScript 函数，用于在提交位于 fancybox 中的表单时关闭 fancybox。这是:

function closeFancyBox() {
    $.fancybox.close();
    $('#calendar').fullCalendar('refetchEvents');
}

它在 fancybox 内以这种方式触发:

$('form').submit(function() {
    parent.closeFancyBox();    
});

事情是这样的:fancybox 正确关闭，但 fullcalendar 没有刷新显示。但是，当我从控制台调用 closeFancyBox(); 时，它可以工作并且 fullCalendar 会刷新。我被难住了。

编辑:

根据 danronmoon 的建议，我在 $.fancybox.close(); 调用之后添加了一个断点，并检查了 $('#calendar') 返回的内容...正如预期的那样，它返回了一个 div 元素。

Answer 1

您提交的表单显然会重定向到另一个页面，因此除非您阻止重定向发生，否则您将看不到所有代码的工作。

$('form').submit(function(e) {
    parent.closeFancyBox();
    // run either of the following.
    e.preventDefault();
    return false;
});