Как добавить исчезновение в приложение?

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;

Я пытаюсь добавить добавление. Я попытался добавить .hide (). fadeIn (2000) после html добавления, ноэто не сработало.Может ли кто-нибудь помочь мне с этим?

Спасибо,

Ник

Answer 1

Если вы добавите hide и fadeIn после append, проблема заключается в том, что вы будете скрывать и скрывать контейнер, а не добавляемый элемент.Если вы измените его на appendTo, оно должно работать:

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

Пример: http://jsfiddle.net/U4d9G/

Answer 2

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

Answer 3

Я предпочитаю прятаться перед добавлением ....
Как то так:

$ (NEW_ELEMENT) .hide () appendTo (КОЕ) .fadeIn ();.