我想知道是否有人可以深入了解如何使用 jQuery Block UI 插件添加旋转预加载器(如苹果使用)。预加载器必须旋转,直到 AJAX 内容加载。 Block UI 可以做到这一点吗?
任何方向都会有帮助,谢谢!
Find a good animated throbber image off the web, like this:
设置一个隐藏的 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,而不是完成。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)