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每次Title显示不同的名言
Sep 25 Javascript
FileUpload 控件 禁止手动输入或粘贴的实现代码
Apr 07 Javascript
js replace替换所有匹配的字符串
Feb 13 Javascript
js的hasownproperty使用示例
Mar 02 Javascript
jQuery响应enter键的实现思路
Apr 18 Javascript
JS实现霓虹灯文字效果的方法
Aug 06 Javascript
node.js入门实例helloworld详解
Dec 23 Javascript
js去字符串前后空格的实现方法
Feb 26 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
js css自定义分页效果
Feb 24 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
React实践之Tree组件的使用方法
Sep 30 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递归调用与静态变量使用
2012/12/16 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
用jquery统计子菜单的条数示例代码
2013/10/18 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
javascript监听页面刷新和页面关闭事件方法详解
2017/01/09 Javascript
angular+bootstrap的双向数据绑定实例
2017/03/03 Javascript
JavaScript实现三级联动菜单效果
2017/08/16 Javascript
jQuery实现html双向绑定功能示例
2017/10/09 jQuery
详解vue+webpack+express中间件接口使用
2018/07/17 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
2019/04/25 Javascript
Laravel admin实现消息提醒、播放音频功能
2019/07/10 Javascript
[17:00]DOTA2 HEROS教学视频教你分分钟做大人-帕克
2014/06/10 DOTA
[02:52]2014DOTA2西雅图国际邀请赛 CIS战队巡礼
2014/07/07 DOTA
[01:48]DOTA2 2015国际邀请赛中国区预选赛第二日战报
2015/05/27 DOTA
[43:03]完美世界DOTA2联赛PWL S2 PXG vs Magma 第二场 11.21
2020/11/24 DOTA
为Python程序添加图形化界面的教程
2015/04/29 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
对python调用RPC接口的实例详解
2019/01/03 Python
python贪吃蛇游戏代码
2020/04/18 Python
python3实现zabbix告警推送钉钉的示例
2019/02/20 Python
python实现堆排序的实例讲解
2020/02/21 Python
解决Python图形界面中设置尺寸的问题
2020/03/05 Python
Python random模块的使用示例
2020/10/10 Python
python mock测试的示例
2020/10/19 Python
python爬虫今日热榜数据到txt文件的源码
2021/02/23 Python
基于Pytorch版yolov5的滑块验证码破解思路详解
2021/02/25 Python
英国时尚优质的女装:Hope Fashion
2018/08/14 全球购物
攀岩、滑雪、徒步旅行装备:Black Diamond Equipment
2019/08/16 全球购物
Shell编程面试题
2012/05/30 面试题
高中打架检讨书
2014/02/13 职场文书
优秀学生党员先进事迹材料
2014/05/29 职场文书
运动会通讯稿600字
2015/07/20 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
只用Python就可以制作的简单词云
2021/06/07 Python
详细了解MVC+proxy
2021/07/09 Java/Android