javascript - Fancybox 因错误而关闭

Question

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

.js

$("#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;

    });
})

.html

 <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>