1

これは非常に初歩的な質問かもしれません...しかし、私はそれを理解することができません。

ボタンが1つあるページがあります..

私が欲しいのは..そのボタンをクリックすると、「処理中」のアニメーションが表示されます

このような

http://ajaxload.info/

そして数秒後.. URLに転送する

google.com と言う

とても些細なことだと思います..しかし、私はそれについて考えることができません。

これまでのところ、私が持っているのはボタンだけです:(

4

3 に答える 3

1

.animateを使用している場合は、どのようにアニメーション化しているかを伝えていません

.animate( プロパティ [, 期間 ] [, イージング ] [, 完了 ] )

リダイレクトを次のようにすることができる完全なコールバックを提供します

 $(/*your selector*/).animate({
    opacity: 0.25,
  }, 5000, function() {
    // Animation complete.
    location.href='www.google.com';
  });

デモ

于 2013-03-07T06:25:12.910 に答える
1

試着し.click()て使用setTimeout():

$(function(){
  $('button').click(function(){
     $('body').addClass('processing'); // <---------css class with bg img of loading
     setTimeout(function(){
       window.location.href = 'http://google.com';
     },2000); //<---------after 2 sec page redirect to specified location.
  });
});

このように使用することをお勧めします:

$('button').click(function () {
   $(this).after('<img src="http://www.ebay.vn/assets/96ab871/images/loading.gif" />');
   setTimeout(function () {
      window.location.href = 'http://jsfiddle.net/6nMKb/';
   }, 2000);
});
于 2013-03-07T06:27:34.597 に答える
1

2秒後に場所を呼び出すために使用setTimeout()..window.loactionリダイレクトする

これを試して

HTML

<button id="buttonId">click</button>
<img src="loading.gif" id="imgid" style="display:none"/>

jquery

$('#buttonId').click(function(){
   $('#imgid').show(); //this is where you'll show your loading gif
   setTimeout(function(){window.location="http://google.com";}, 2000);
});
于 2013-03-07T06:29:53.120 に答える