打赏

模拟点击事件在alert前不起作用

  本来想在ajax提交前点击一下模态框,直到返回处理之前都显示正在保存,发现如标题的现象,几经折腾没找到解决办法,发现可能是

alert线程阻塞(冒泡)引起的,也没找到解决办法,于是借助第三方插件layer弹出框实现了类型的效果

$.ajax({
            url:"${pageContext.request.contextPath}/answer/saveWholeAnswer",
            data:{"answers":JSON.stringify(answers)},
            dataType:"json",
            method:"post",
            async:true,//false同步,锁住屏幕;true异步
            beforeSend:function(XMLHttpRequest){
                zeroModal.show({
                    title: '正在保存',
                    content: '<img style="margin-left:43px;" src="${pageContext.request.contextPath }/img/loading-2.gif" />',
                    width: '142px',
                    height: '100px'
                });
            },success:function(data){
                $(".zeromodal-close").click();
                 layer.alert(data.msg);
                //alert(data.msg);
            },error:function(data){
                $(".zeromodal-close").click();
                layer.tips(data.msg, {time: 4000});
            }
        });

 

posted @ 2018-07-19 16:37  每天都要学一点  阅读(763)  评论(0编辑  收藏  举报