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 相关文章推荐
JavaScript面象对象设计
Apr 28 Javascript
jQuery标签编辑插件Tagit使用指南
Apr 21 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
Oct 01 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
May 15 Javascript
JavaScript数组去重的几种方法效率测试
Oct 23 Javascript
jQuery分页插件jquery.pagination.js使用方法解析
Feb 09 Javascript
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
Vuex 入门教程
Jan 10 Javascript
微信小程序实现星级评分和展示
Jul 05 Javascript
用POSTMAN发送JSON格式的POST请求示例
Sep 04 Javascript
layui layer select 选择被遮挡的解决方法
Sep 21 Javascript
JavaScript模拟实现网易云轮播效果
Apr 04 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
咖啡风味 世界咖啡主要分布分布 咖啡的生长要求
2021/03/06 新手入门
隐藏X-Space个人空间下方版权方法隐藏X-Space个人空间标题隐藏X-Space个人空间管理版权方法
2007/02/22 PHP
php 接口类与抽象类的实际作用
2009/11/26 PHP
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
php使用curl存储cookie的示例
2014/03/31 PHP
php防止恶意刷新与刷票的方法
2014/11/21 PHP
PHP错误处理函数
2016/04/03 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
Javascript 各浏览器的 Javascript 效率对比
2008/01/23 Javascript
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
Javascript全局变量var与不var的区别深入解析
2013/12/09 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
基于dropdown.js实现的两款美观大气的二级导航菜单
2015/09/02 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
jQuery 判断元素整理汇总
2017/02/28 Javascript
Angular中的interceptors拦截器
2017/06/25 Javascript
Vue2.0如何发布项目实战
2017/07/27 Javascript
微信小程序日期选择器实例代码
2018/07/18 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
2018/09/30 Javascript
基于JavaScript判断两个对象内容是否相等
2020/01/10 Javascript
梯度下降法介绍及利用Python实现的方法示例
2017/07/12 Python
Python实现matplotlib显示中文的方法详解
2018/02/06 Python
Python Web程序部署到Ubuntu服务器上的方法
2018/02/22 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
详解pandas库pd.read_excel操作读取excel文件参数整理与实例
2019/02/17 Python
PyTorch基本数据类型(一)
2019/05/22 Python
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
网站编辑求职信
2013/10/17 职场文书
司机检讨书
2014/02/13 职场文书
优秀少先队辅导员先进事迹材料
2014/05/18 职场文书
三月雷锋月活动总结
2014/07/03 职场文书
教师职位说明书
2014/07/29 职场文书
民主生活会对照检查材料
2014/09/22 职场文书
活动宣传稿范文
2015/07/23 职场文书