最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jqueryblockUI遮罩不能消失与不能提交的解决方法_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:00:38
文档

jqueryblockUI遮罩不能消失与不能提交的解决方法_jquery

jqueryblockUI遮罩不能消失与不能提交的解决方法_jquery: 代码如下: //显示遮罩 $.blockUI({ message: $('#divlogin'), css:{width:400px, height:255px, top: ($(window).height() - 400) /2 + 'px', left: ($(window).width() - 400) /2 + 'px'} });
推荐度:
导读jqueryblockUI遮罩不能消失与不能提交的解决方法_jquery: 代码如下: //显示遮罩 $.blockUI({ message: $('#divlogin'), css:{width:400px, height:255px, top: ($(window).height() - 400) /2 + 'px', left: ($(window).width() - 400) /2 + 'px'} });


代码如下:
//显示遮罩
$.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) ? $('')
: $('');

可以看到,在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外面的遮罩层数据,所以不是很清楚。

文档

jqueryblockUI遮罩不能消失与不能提交的解决方法_jquery

jqueryblockUI遮罩不能消失与不能提交的解决方法_jquery: 代码如下: //显示遮罩 $.blockUI({ message: $('#divlogin'), css:{width:400px, height:255px, top: ($(window).height() - 400) /2 + 'px', left: ($(window).width() - 400) /2 + 'px'} });
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top