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 相关文章推荐
动态调用css文件——jquery的应用
Feb 20 Javascript
获取网站跟路径的javascript代码(站点及虚拟目录)
Oct 20 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 Javascript
jQuery 中使用JSON的实现代码
Dec 01 Javascript
js判断一个元素是否为另一个元素的子元素的代码
Mar 21 Javascript
Jquery简单分页实现方法
Jul 24 Javascript
jquery实现具有嵌套功能的选项卡
Feb 12 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
javascript将非数值转换为数值
Sep 13 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
Jun 28 Javascript
react+antd 递归实现树状目录操作
Nov 02 Javascript
避坑之 JavaScript 中的toFixed()和正则表达式
Apr 19 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编程最快明白(第一讲 软件环境和准备工作)
2010/10/25 PHP
PHP中获取内网用户MAC地址(WINDOWS/linux)的实现代码
2011/08/11 PHP
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
php使用curl和正则表达式抓取网页数据示例
2014/04/13 PHP
判断、添加和删除WordPress置顶文章的相关PHP函数小结
2015/12/10 PHP
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
js+csss实现的一个带复选框的下拉框
2014/09/29 Javascript
JavaScript italics方法入门实例(把字符串显示为斜体)
2014/10/17 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
JS+Canvas绘制时钟效果
2020/08/20 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
原生js实现节日时间倒计时功能
2017/01/18 Javascript
详解vue+vueRouter+webpack的简单实例
2017/06/17 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
Three.js实现浏览器变动时进行自适应的方法
2017/09/26 Javascript
JS将网址url转化为JSON格式的方法
2018/07/02 Javascript
vue+element实现图片上传及裁剪功能
2020/06/29 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
2020/11/11 Javascript
深入探究Python中变量的拷贝和作用域问题
2015/05/05 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
使用matlab或python将txt文件转为excel表格
2019/11/01 Python
基于Python的图像阈值化分割(迭代法)
2020/11/20 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
美国高街时尚品牌:OASAP
2016/07/24 全球购物
linux面试题参考答案(3)
2012/09/13 面试题
英文求职信结束语大全
2013/10/26 职场文书
生物技术专业求职信
2014/06/10 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
生产工厂门卫岗位职责
2014/09/26 职场文书
员工辞职信范文大全
2015/05/12 职场文书
信息技术研修心得体会
2016/01/08 职场文书
标准发言稿结尾
2019/07/18 职场文书
PyTorch 如何自动计算梯度
2021/05/23 Python
阿里云服务器Ubuntu 20.04上安装Odoo 15
2022/05/20 Servers