2010-03-23 5 views
1

Je suis un peu nouveau à JQuery je ne sais vraiment pas comment coder dans le .hide() afin qu'il cache le code suivant de commencer affiché jusqu'à ce que cliqué <li>Changes saved!</li> puis l'avoir fondu en utilisant le .fadeIn. Quelqu'un peut-il me montrer comment coder dans le .hide() et .fadeIn correctement dans mon code JQuery?Question de codage JQuery?

Voici le code JQuery.

$(function() { 
    $(".save-button").click(function() { 
     $.post($("#contact-form").attr("action"), $("#contact-form").serialize(), function(html) { 
      $("div.contact-info-form").html(html); 
      $('#changes-saved').append('<li>Changes saved!</li>'); 
     }); 
     return false; // prevent normal submit 
    }); 
}); 
+0

Hey vous me confondez. :) L'élément de la liste "Changements enregistrés!" n'apparaîtra pas jusqu'à ce que le bouton est cliqué parce qu'il est ajouté correct? Alors qu'est-ce que tu caches? – thatryan

+0

@thatryan, Au lieu de l'ajouter, puis-je le cacher? Je vous ai dit que j'étais nouveau :) – SLAPme

Répondre

1
$('#changes-saved').append('<li>Changes saved!</li>').show().pause(1000).hide(); 

Est-ce que vous avez besoin?

0

Avez-vous veillé à ce que votre bouton de soumission ait la classe «bouton de sauvegarde». Si c'est le nom de votre bouton, vous voudrez peut-être faire quelque chose comme

$("save-button").click(function(){