Question

我无法调整我在stackoverflow中找到的示例，这些示例描述了如何将淡入淡出添加到追加，我无法理解为什么。

我有以下代码使用ajax用成功消息替换联系表单：

$.ajax({
         type: "POST",
         url: "contact-engine.php",
         data: dataString,
         success: function() {
           $('#contact-form').html("<div id='message-form'></div>");
           $('#message-form').html("<h3>Your message has been submitted successfully!</h3>")
           .hide()
           .fadeIn(2000, function() {
             $('#message-form').append('<p style="text-align:center">Thanks for getting in touch. I will get back to you as soon as possible.</p>');
           });
         }
       });
       return false;

我正试图让淡入淡出。我尝试在追加html之后添加.hide（）。fadeIn（2000），但这不起作用。有人可以帮我解决这个问题吗？

谢谢，

尼克

Answer 1

如果您在hide之后添加fadeIn和append，则问题是您将隐藏和淡化容器，而不是您要添加的元素。如果您将其更改为appendTo，则应该有效：

$(NEW_ELEMENT).appendTo(SOMETHING).hide().fadeIn(2000)

示例：http://jsfiddle.net/U4d9G/

Answer 2

我宁愿在追加之前隐藏......
像这样：

$（NEW_ELEMENT）.hide（）appendTo（东西）.fadeIn（）;

Answer 3

<script type="text/javascript">
$(document).ready(function(){
    $("<h3>Records has been successfully modified.</h3>").appendTo("#body").fadeIn(2000).fadeOut(4000);
    //$("#body").html("<div id='message-form'></div>");

});
</script>

<style type="text/css">
h3{
    text-align:center;
    width:30%;
    padding:15px 0;
    top:100px;
    position:absolute;
    color:snow;
    left:35%;
    background:darkred;

    /*
     darkgreen, snow
    darkred, snow

     */
}
</style>

如何为追加添加淡入淡出？

3 个答案: