jquery - 用jquery替换锚文本

Question

我曾尝试使用 html() 和 text() 来尝试更改锚的文本 - 但我无法让它工作:(

这是一个向你展示的小提琴 -

http://jsfiddle.net/kneidels/GzuLh/

      $('#contact-form-send').bind('click',function(e) {
          e.preventDefault();

          $(".button").text('Logging in...');
          $("#mess").delay(2000).fadeIn(400);
          $("#mess").html('<p class="message">Username/Password do not match. Please contact our office for assistance</p>');
           $(".button").text("Submit");

        $("#mess").delay(2000).fadeOut(400);


  });

谢谢！

Answer 1

使用.fadeIn()回调

$('#contact-form-send').bind('click',function(e) {
    e.preventDefault();
    $(this).text('Logging in...');
      $("#mess").delay(2000).fadeIn(400, function(){
          $(this).html('<p class="message">Username/Password do not match. Please contact our office for assistance</p>').delay(2000).fadeOut(400);
          $(".button").text("Submit");
      });
});

http://jsfiddle.net/GzuLh/8/

Answer 2

您正在使用.delay()但它后面的行没有捕获延迟，您需要在完成淡入时执行代码，为此只需编写您的.fadeIn()代码：

      $("#mess").delay(2000).fadeIn(400, function(){
          $("#mess").html('<p class="message">Username/Password do not match. Please contact our office for assistance</p>');
           $(".button").text("Submit");

        $("#mess").delay(2000).fadeOut(400);

      });   

小提琴：http: //jsfiddle.net/GzuLh/3/