0

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


  });

ありがとう！

4

2 に答える 2

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/

于 2013-05-21T01:58:46.617 に答える
1

使用していますが、.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/

于 2013-05-21T01:59:41.273 に答える