onclick表单提交,打开jQuery加载图像,直到表单提交完成

Question

你能提供一些建议吗？

我使用托管的SAAS CMS解决方案,使您能够使用Web应用程序系统创建基础应用程序.我已经为会员创建了一个表单,可以将一堆图像和内容提交到他们自己的区域.一切都很好,除非通过表单提交的图片很大,表单提交并转到感谢页面需要很长时间.我已经在使用jQuery UI将表单分成5个步骤,并使用jQuery facebox插件进行教学弹出.

我的问题是,在提交表单时,显示加载gif(在facebox或其他建议的叠加层中)的最佳方法是什么？

谢谢你的帮助!插口

Answer 1

$('#myForm').bind('submit', function() {
  $('#ajax-loading').show()
});

将加载图像放在id为"ajax-loading"的div中,并使用css"display:none;"