jquery blockUI 遮罩不能消失与不能提交的解决方法


Posted in Javascript onSeptember 17, 2011
//显示遮罩 
$.blockUI({ 
message: $('#divlogin'), 
css:{width:"400px", height:"255px", top: ($(window).height() - 400) /2 + 'px', left: ($(window).width() - 400) /2 + 'px'} 
}); 
//取消遮罩 
$("#cancel").click(function() { 
$.unblockUI(); 
});

取消遮罩是,js 动态生成的外层没有消失。
在FF3.0.4,Chrome下都没问题,只是 IE6 IE7 Ie8下不正常。
打开源码,找到了下面这句话:
var lyr1 = ($.browser.msie) ? $('<iframe class="blockUI" style="z-index:'+ z++ +';border:none;margin:0;padding:0;position:absolute;width:100%;height:100%;top:0;left:0" src="javascript:false;"></iframe>') 
: $('<div class="blockUI" style="display:none"></div>');

可以看到,在IE下,它是生成了一个 iframe,并在这个 iframe 中加载你自己的对话框。
那么,现在只是外层不消失,自己手动让它消失。
$.blockUI({ message: $("#dialog")}); 
$("#cancel").click(function() { 
$.unblockUI(); 
$(".blockUI").fadeOut("slow"); 
});

OK,IE6 IE7都可以了。
使用blockui后,遮罩层数据不能提交到后台了,使用ajax可以
要提交到后来,请教后明白,遮罩层不再当前form中,所以提交后没有form不能提交
解决办法,把遮罩层部分,放置到form中
$('#divlogin').parent().appendTo(jQuery("form:first"));---还为完全找到放到form外面的遮罩层数据,所以不是很清楚。
Javascript 相关文章推荐
ASP中用Join和Array,可以加快字符连接速度的代码
Aug 22 Javascript
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
filters.revealTrans.Transition使用方法小结
Aug 19 Javascript
JS实现距离上次刷新已过多少秒示例
May 23 Javascript
详谈LABJS按需动态加载js文件
May 07 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
Apr 29 Javascript
js实现无缝循环滚动
Jun 23 Javascript
JavaScript 随机验证码的生成实例代码
Sep 22 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
May 05 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
Mar 08 Javascript
动态加载、移除js/css文件的示例代码
Mar 20 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
Sep 16 #Javascript
asp.net 30分钟掌握无刷新 Repeater
Sep 16 #Javascript
jquer之ajaxQueue简单实现代码
Sep 15 #Javascript
js substr、substring和slice使用说明小记
Sep 15 #Javascript
javascript 闭包
Sep 15 #Javascript
用JQuery模仿淘宝的图片放大镜显示效果
Sep 15 #Javascript
document.getElementById介绍
Sep 13 #Javascript
You might like
虫族 Zerg 热键控制
2020/03/14 星际争霸
用php或asp创建网页桌面快捷方式的代码
2010/03/23 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
PHP高精确度运算BC函数库实例详解
2017/08/15 PHP
找出字符串中出现次数最多的字母和出现次数精简版
2012/11/07 Javascript
通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
2013/07/13 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
JQuery给网页更换皮肤的方法
2015/05/30 Javascript
四种参数传递的形式——URL,超链接,js,form表单
2015/07/24 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
用jquery获取自定义的标签属性的值简单实例
2016/09/17 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
JS实现验证码倒计时的注册页面
2018/01/02 Javascript
vue配置请求本地json数据的方法
2018/04/11 Javascript
Less 安装及基本用法
2018/05/05 Javascript
vue-model实现简易计算器
2020/08/17 Javascript
JavaScript 事件代理需要注意的地方
2020/09/08 Javascript
JQuery Ajax如何实现注册检测用户名
2020/09/25 jQuery
[02:08]2014DOTA2国际邀请赛 430专访:力争取得小组前二
2014/07/11 DOTA
[00:26]TI7不朽珍藏III——冥界亚龙不朽展示
2017/07/15 DOTA
Python爬虫天气预报实例详解(小白入门)
2018/01/24 Python
解决Django的request.POST获取不到内容的问题
2018/05/28 Python
Python切片操作深入详解
2018/07/27 Python
python面试题之列表声明实例分析
2019/07/08 Python
python自动识别文本编码格式代码
2019/12/26 Python
在Pytorch中计算自己模型的FLOPs方式
2019/12/30 Python
通过python连接Linux命令行代码实例
2020/02/18 Python
keras 自定义loss损失函数,sample在loss上的加权和metric详解
2020/05/23 Python
python如何使用代码运行助手
2020/07/03 Python
Python二元算术运算常用方法解析
2020/09/15 Python
Jupyter安装拓展nbextensions及解决官网下载慢的问题
2021/03/03 Python
HTML5注册页面示例代码
2014/03/27 HTML / CSS
工作中的自我评价如何写好
2013/10/28 职场文书
毕业生就业意向书
2014/04/01 职场文书
湖南省召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
2014年教师学期工作总结
2014/11/08 职场文书