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

在使用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请求的时候，在首页上面出现一个遮罩层，所有请求执行完毕后，取消遮罩层；