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 相关文章推荐
js+JQuery返回顶部功能如何实现
Dec 03 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
Java/JS获取flash高宽的具体方法
Dec 27 Javascript
javascript 实现子父窗体互相传值的简单实例
Feb 17 Javascript
js插件YprogressBar实现漂亮的进度条效果
Apr 20 Javascript
JavaScript添加随滚动条滚动窗体的方法
Feb 23 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
Mar 01 Javascript
jQuery中get方法用法分析
Dec 07 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
Sep 27 Javascript
Webpack的dll功能使用
Jun 28 Javascript
js中this的指向问题归纳总结
Nov 28 Javascript
ECharts地图绘制和钻取简易接口详解
Jul 12 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
用PHP连接Oracle数据库
2006/10/09 PHP
php 格式化数字的时候注意数字的范围
2010/04/13 PHP
PHP中全面阻止SQL注入式攻击分析小结
2012/01/30 PHP
PHPMailer的主要功能特点和简单使用说明
2014/02/17 PHP
php中time()与$_SERVER[REQUEST_TIME]用法区别
2014/11/19 PHP
php变量与数组相互转换的方法(extract与compact)
2016/12/02 PHP
Jquery获取复选框被选中值的简单方法
2013/07/04 Javascript
原生js实现模拟滚动条
2015/06/15 Javascript
Javascript简单实现面向对象编程继承实例代码
2015/11/27 Javascript
jQuery1.9+中删除了live以后的替代方法
2016/06/17 Javascript
Bootstrap进度条学习使用
2017/02/09 Javascript
详解Vue如何支持JSX语法
2017/11/10 Javascript
使用classList来实现两个按钮样式的切换方法
2018/01/24 Javascript
ajax请求+vue.js渲染+页面加载的示例
2018/02/11 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
layui radio单选限制下一个radio单选的实例
2019/09/03 Javascript
Js代码中的span拼接问题解决
2019/11/22 Javascript
json_decode 索引为数字时自动排序问题解决方法
2020/03/28 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队Mineski晋级之路
2018/04/07 DOTA
重命名批处理python脚本
2013/04/05 Python
Python yield 小结和实例
2014/04/25 Python
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
python获取标准北京时间的方法
2015/03/24 Python
十个Python程序员易犯的错误
2015/12/15 Python
利用python批量修改word文件名的方法示例
2017/10/17 Python
python3 http提交json参数并获取返回值的方法
2018/12/19 Python
Python实现求两个数组交集的方法示例
2019/02/23 Python
详解使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件
2019/08/23 Python
Django模板标签{% for %}循环,获取制定条数据实例
2020/05/14 Python
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
民主生活会发言材料
2014/10/20 职场文书
赔偿协议书
2015/01/27 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
2015年法务工作总结范文
2015/05/23 职场文书
安全教育第一课观后感
2015/06/17 职场文书