收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1791|回复: 3

页面没按代码执行顺序显示怎么办

[复制链接]
发表于 2012-5-7 10:11:48 | 显示全部楼层 |阅读模式
  var btOne = $("#lg");  //发送按钮
  var btTwo = $("#gb");  //返回按钮
   btOne.attr("disabled","true");  //禁用发送按钮
  btTwo.attr("disabled","true");  //禁用返回按钮
  var send = $("li#send");  //显示发送状态的隐藏层
  if(send.is(":hidden")){ send.show(); }  //假如该层是隐藏,则显示
  if(send.is(":visible"))  //假如该层处于显示状态,则执行以下代码
  {
      var ts = $("#ts");  //显示发送成功或失败提示的隐藏层
      var tspic = $("#tspic");  //提示小图片
      var tsstr = $("#tsstr");  //提示文字
      var result = user_findPass.sendEmail();  // ajax执行后台发送邮件
      if(result.value){  假如返回值为true则执行以下代码
        if(send.is(":visible")){ send.hide(); }  //假如"发送状态"的层是显示状态,则隐藏
        if(ts.is(":hidden")){ ts.show(); }   //显示发送结果
        tspic.attr("src","../manager/image/amendPass/right.gif");  //给提示小图片添加路径
        tsstr.text("发送成功!");  //给提示文字添加内容
      }
      else{
        if(send.is(":visible")){ send.hide(); }   //假如"发送状态"的层是显示状态,则隐藏
        if(ts.is(":hidden")){ ts.show(); }  //显示发送结果
        tspic.attr("src","../manager/image/amendPass/wrong.gif");   //给提示小图片添加路径
        tsstr.text("发送失败!");   //给提示文字添加内容
      }
      btOne.removeAttr("disabled");   //解禁发送按钮
      btTwo.removeAttr("disabled"); //解禁返回按钮
  }

这是一段发送邮件过程中改变页面状态的代码,当有“ajax执行后台发送邮件”这段代码时,上面红色代码会和蓝色代码同时执行,如果把“ajax执行后台发送邮件”以下代码都注释,红色代码可立即执行,现在我个人感觉是“ajax执行后台发送邮件”这段代码把页面可卡住了,当它执行完了,其它前面的效果才会在页面显示。现在请教大家看如何能让页面代码执行顺序显示?
发表于 2012-5-7 11:03:51 | 显示全部楼层
看上去,还挺复杂的,帮你顶。
回复 支持 反对

使用道具 举报

发表于 2012-5-7 12:56:40 | 显示全部楼层
send.show();
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-5-8 16:41:09 | 显示全部楼层
此问题本人已经解决,将“ajax执行后台发送邮件”这段代码用另外一个方法延迟500毫秒执行,页面上就会按程序执行顺序显示
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-23 10:26 , Processed in 0.122735 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表