我正在使用带有 jQ​​uery 验证的 qtip2，验证输入后工具提示不会消失

Question

验证输入后工具提示没有消失，它仍然显示。

我的代码如下，请帮助我找出在填写或验证我的输入后如何删除它。

$('#signupForm').validate({
            rules: {
              username: {
                required: true,
                minlength: 3
              },
              phone:{
                tel: true,
                required: true
              },
              message: {
                required: true,
                minlength:2
              },
              email: {
                required: true,
                email: true
              },
              captcha: {
                required: true,
                minlength: 5
              }
            },
            errorPlacement: function (error, element) {
                    flipIt = $(element).parents('div.left').length > 0,
                    position = {
                        at: 'center center',
                        my: 'top top'
                    },
                    offset = flipIt ? 6 : 35;
                $(element).filter(':not(.valid)').qtip({ 
                    overwrite: false,
                    content: error,
                    position: position,
                    show: {
                        event: false,
                        ready: true
                    },
                    hide: false,
                    style: { 
                        classes: 'ui-tooltip-dark ui-tooltip-shadow',
                        tip: {
                            corner: true,
                            offset: offset
                        }
                    }
                }).qtip('option', 'content.text', error);
            } ,
            submitHandler: function (form) {
                  $(".contact-button").val("Please Wait...");
                  $(".contact-button").prop('disabled', true);
                  $.ajax({
                    type: "POST",
                    url: "ajax/contact_page.php",
                    data: 'username='+$("#username").val()+'&email='+$("#email").val()+'&phone='+$("#phone").val()+'&message='+$("#message").val()+'&captcha='+$("#captcha").val(),
                    timeout: 3000,
                    success:function(data){
                      $("#mail-status").html(data);
                      $("#signupForm").find("input, textarea").val("");
                      $(".contact-button").val("Sent");
                      setTimeout(function () { 
                          $('#signupForm').find('.valid').qtip('destroy');
                      }, 1);
                      refreshCaptcha();
                      setTimeout(function() {
                      $(".contact-button").prop('disabled', false);
                      $("#mail-status").text("");
                      $(".contact-button").val('Click to Send'); 
                      }, 10000);
                    },
                    error: function() {alert('failed');}
                  });
            }
        }); 

每当我尝试填写输入时，它都会将错误消息显示为工具提示，但如果我填写正确（有效），它仍会出现在“提示”上。 我该如何解决？

Answer 1

目前是它的

hide: false 

改成：

hide: { when: { event: 'mousemove' }, 
           delay: 2000, 
           effect: function() { $(this).qtip("destroy"); }
         }