Javascript Fancybox在出现错误时关闭

我正在使用Fancybox制作一个简单的评论提交表单；我非常接近，但当一个字段留空并弹出错误消息时，框会自动关闭。有什么想法吗

.js

$（“#客人提交”）.fancybox({
“滚动”：true，
助手：{
标题：空
}
});
$（文档）.ready（函数（）{
$（“#消息表格”）。在（“提交”，函数（）{
if（$（“#guest_name”）.val（）.length<1 |$（“#guest_message”）.val（）.length<1）{
$（“#来宾_错误”）.show（）；
$.fancybox.resize（）；
返回false；
}
$.fancybox.showActivity（）；
$.ajax({
类型：“POST”，
cache:false，
url:“/guestbook/”，
数据：$（this）.serializeArray（），
成功：功能（数据）{
$.fancybox（数据）；
} 
});
返回false；
});
})

.html

确保填写所有字段
{%csrf_令牌%}

姓名：

信息：

可能是重复的，这很尴尬。我重复了我自己的问题。

$("#guest_submit").fancybox({
    'scrolling' : true,
    helpers : {
        title : null
    }
});

$(document).ready(function(){
    $("#message_form").on("submit", function(){

        if ($("#guest_name").val().length < 1 || $("#guest_message").val().length < 1) {
            $("#guest_error").show();
            $.fancybox.resize();
            return false;
        }
        $.fancybox.showActivity();
        $.ajax({
            type: "POST",
            cache: false,
            url: "/guestbook/",
            data: $(this).serializeArray(),
            success: function(data){
                $.fancybox(data);
            } 
        });
        return false;

    });
})

 <div> 
        <form id='message_form' action="/guestbook/" method="post">
        <div id='guest_error'>
          <p class='error'>Make sure you fill out all fields!</p>
        </div>
          {% csrf_token %}
          <p>
            <label for="guest_name">Name: </label>
            <input type="text" id="guest_name" name="name"/>
          <p>
            <label for "guest_message">Message: </label>
            <input type="textarea" id="guest_message" name="message"/>
          </p>
          <input type="submit"/>
        </form>
      </div>