当前位置:首页 > 开发 > Web前端 > Jquery > 正文

Jquery easyui界面单击过快js错误之临时解决方案

发表于: 2012-03-14   作者:bozch   来源:转载   浏览:
摘要: 在使用jquery easyui的做系统应用的时候,如果界面单击操作过快的话,总会出现js错误。原因应该是ajax请求未完成,相关操作未执行,多次单击使得界面上有很多的组件初始化未完成就结束了操作。     下面提供一种临时解决方案:      html代码:      &

在使用jquery easyui的做系统应用的时候,如果界面单击操作过快的话,总会出现js错误。原因应该是ajax请求未完成,相关操作未执行,多次单击使得界面上有很多的组件初始化未完成就结束了操作。

    下面提供一种临时解决方案:

     html代码:

           <div id="overlay" class="overlay" style="display: none; z-index: 9998; filter: alpha(opacity=5); left: 0; width: 100%; position: fixed; _position: absolute; top: 0; height: 100%; background-color: #000; moz-opacity: 0.05; opacity: 0.05;"></div>

     jquery 代码:

     $(function(){
       $(".head_t .head_t_msg").ajaxStart(function(){
      //显示遮罩层
      $("#overlay").show();
    });
    $(".head_t .head_t_msg").ajaxStop(function(event,request, settings){
       //隐藏遮罩层
       setTimeout(function(){
        $("#overlay").hide();
       },500);
    });
        });

将这段代码放到首页即可。

    执行原理:

        当页面执行ajax请求的时候,在首页上面出现一个遮罩层,所有请求执行完毕后,取消遮罩层;

      

Jquery easyui界面单击过快js错误之临时解决方案

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号