0

我正在使用使用 jQuery 和 PHP 的 bitrepository.com 很棒的 AJAX 表单：http: //www.bitrepository.com/a-simple-ajax-contact-form-with-php-validation.html

我希望单击淡入后出现的错误和验证DIV。

添加了以下 jQuery 代码但无济于事（也尝试使用单击/更改功能）：

$(document).ready(function(){
    if ($('.notification_error').length > 0) {
        $('.notification_error').fadeTo("slow", 1.0);
    }
});

任何帮助都会很棒...

4

2 回答 2

2

鉴于您的代码看起来与您引用的完全一样，您可以将 ajax-complete 回调更改为：

$("#note").ajaxComplete(function(event, request, settings){  

   if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
   {
      result = '<div class="notification_ok">Your message has been sent. Thank you!</div>';
      $("#fields").hide();
   }
   else
   {
      result = msg;
   }
   /* Hide the element, alter the content, and then fade it in */
   $(this).hide().html(result).fadeIn("slow"); 
});

这将在错误和成功消息中消失。

更新：

要仅在第一次淡出元素，您可以将最后一行替换为以下内容：

if ($(".notification_error, .notification_ok", this).length === 0) {
    $(this).hide().html(result).fadeIn("slow"); 
} else {
    $(this).html(result);
}

我们所做的是检查是否存在带有 classnotification_error或的 en 元素notification_ok。如果不是（第一次）我们将其淡入，否则我们只是更新内容。

于 2012-07-31T18:34:29.423 回答
1

尝试以下操作：

$("#clicked_input_id").click(function(){
    $('.notification_error').fadeTo("slow", 1.0);
});
于 2012-07-31T18:30:41.633 回答