阻止UI旋转预加载器

Question

我想知道是否有人可以使用jQuery Block UI插件来了解如何添加旋转预加载器(如苹果使用).预加载器必须旋转,直到加载AJAX内容.Block UI可以实现这一点吗？

任何方向都会有所帮助,谢谢!

Answer 1

在网上找到一个好的动画悸动图像,如下所示: 活动指示器

设置一个隐藏的throbber div来显示它.

<div id="throbber" style="display:none;">
    <img src="/img/busy.gif" />
</div>

告诉blockUI使用该div作为消息.

$.blockUI({ message: $('#throbber') });

在ajax调用完成后,杀死throbber:

$.ajax({
    complete: function(data) {
        // kill the block on either success or error
        $.unblockUI();
    }
});

您还可以使用ajax成功/错误回调来以不同方式控制blockUI,而不是完成.

Answer 2

是的，这是可能的。您可以使用此网站以任何您想要的风格在您的网站上添加预加载器...