我正在尝试显示一个简单的微调Gif同时提交正在执行(这需要一点,因为我必须通过Web服务与提供商建立一些通信).
所以,我有这个:
$('#gds_form').submit(function() { var pass = true; //some validations if(pass == false){ return false; } $("body").prepend('<div class="ui-widget-overlay" style="z-index: 1001;"></div>'); $("body").prepend("<div id ='PleaseWait'><img src='/images/spinner.gif'/></div>"); return true; });
事情是,.gif不显示任何动画,就像它被冻结.
为什么?
还有另一种方法来实现(注意我没有使用AJAX,我不想)?
谢谢.
解决方法
您是否尝试将文档加载到文档上,只有将其隐藏.然后显示在你的功能?这样,图像已经加载和旋转.
$(document).ready(function() { $("body").prepend('<div id="overlay" class="ui-widget-overlay" style="z-index: 1001; display: none;"></div>'); $("body").prepend("<div id='PleaseWait' style='display: none;'><img src='/images/spinner.gif'/></div>"); }); $('#gds_form').submit(function() { var pass = true; //some validations if(pass == false){ return false; } $("#overlay,#PleaseWait").show(); return true; });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。