Question

这可能是一个非常无聊的问题......但我无法弄明白。

我有一个页面，只有一个按钮..

我想要的是......当我点击该按钮时，它会显示“处理”动画

像这样

http://ajaxload.info/

然后几秒钟后......转发到网址

说google.com

我确信这是非常微不足道的......但我无法思考它。

到目前为止，我只有一个按钮:(

Answer 1

如果你正在使用.animate

，你还没有告诉你动画的方式

.animate（properties [，duration] [，easing] [，complete]）

它提供了一个完整的回调，您可以在其中进行重定向，如

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

DEMO

Answer 2

尝试.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);
});

Answer 3

使用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);
});

刷新动画，然后重定向到不同的URL

3 个答案: