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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery blockUI 遮罩不能消失与不能提交的解决方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1187字，纯文字阅读大概需要2分钟。

内容图文

代码如下:

//显示遮罩 
$.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外面的遮罩层数据，所以不是很清楚。

内容总结

以上是互联网集市为您收集整理的jquery blockUI 遮罩不能消失与不能提交的解决方法全部内容，希望文章能够帮你解决jquery blockUI 遮罩不能消失与不能提交的解决方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/368995.html

来源：【匿名】