jQuery blockUI 自动重定向

标签 jquery blockui

我正在使用 blockUI,它运行得非常好。

我似乎无法做到的唯一一件事是在 x 秒后重定向到另一个 URL。我可以让它重定向,但它没有考虑 setTimeout...

有人能做到吗?

<script type="text/javascript">
    $(document).ready(function() { 
        $('#demo2').click(function() { 
            $.blockUI({ css: { 
                border: 'none', 
                padding: '15px',
                color: '#fff',
                backgroundColor: '#54bdd9', 
                '-webkit-border-radius': '10px', 
                '-moz-border-radius': '10px', 
                opacity: 1.5, 
                color: '#fff' 
            } }); 

            setTimeout($.unblockUI, 6000),$(window.location).attr('href', 'http://www.mydomain.co.uk');

        }); 
    }); 
</script>

如果有人能提供任何线索,那就太好了。

谢谢。

最佳答案

已经有一段时间了,但我只是在寻找这个。经过实验,BlockUI 似乎不会阻止窗口导航,因此您甚至不必取消阻止它。只需延迟并导航即可。

$('#demo2').click(function () {
  $.blockUI({
    css: {
      border: 'none',
      padding: '15px',
      color: '#fff',
      backgroundColor: '#54bdd9',
      '-webkit-border-radius': '10px',
      '-moz-border-radius': '10px',
      opacity: 1.5,
      color: '#fff'
    }
  });

  setTimeout(function() { window.location.href = "http://www.google.com/"; }, 6000);
});

(关于如何设置窗口位置有各种讨论。我无意在这里讨论。这个 window.location.href 只是我这样做的方式。)

关于jQuery blockUI 自动重定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10206804/

相关文章:

asp.net - 通过响应流将文件发送到浏览器后解除阻止(jQuery BlockUI)

jquery - 使用 cookie 和 jQuery BlockUI

jquery - 如何通过 AJAX 使用 Stripe 结帐

jquery-ui - jQuery 阻止 UI 异常

javascript - 使用 JavaScript 和 ajax 在给定文件夹中搜索图像?

javascript - 如何使用 IE10 和 webshims 数字输入实现一致的模糊行为?

javascript - 在 beforeSend 之后调用 JQuery Ajax 成功函数

javascript - 如何使用 jQuery 和 blockUI 让 DIV 以页面为中心?

javascript - 如何在 jQuery 中使用 $.makeArray()

web-services - 如何显示从jquery.ajax()检索到的xml文档的内容...?