Question

我尝试使用html（）和text（）来尝试更改锚点的文本 - 但我无法让它工作：（

这是向你展示的小提琴 -

      $('#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() CALLBACK

$('#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时执行代码，为此只需编写.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/

用jquery替换锚文本

2 个答案: