JQuery编码问题?

问题描述:

我对JQuery很陌生我真的不知道如何在.hide()中编码,以便它隐藏下面的代码,从开始显示直到点击<li>Changes saved!</li>,然后让它淡入使用.fadeIn。有人可以告诉我如何正确地将.hide().fadeIn编码到我的JQuery代码中吗?JQuery编码问题?

这里是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

嘿,你让我困惑。 :)列表项“更改已保存!”不会出现,直到按钮被点击,因为它被附加正确?那么你在隐藏什么? – thatryan 2010-03-23 05:06:39

+0

@thatryan,好吧,而不是追加它可以隐藏它吗?我告诉过你我是新人:) – SLAPme 2010-03-23 05:08:04

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

是你需要什么?

您是否确保您的提交按钮具有“保存按钮”类。如果那是你的按钮的名字,你可能想要做类似

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