发布于 2016-09-06 14:04:42 | 81 次阅读 | 评论: 1 | 来源: 网友投递

这里有新鲜出炉的jQuery示例,程序狗速度看过来!

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。


jquery blockUI 遮罩不能消失与不能提交的解决方法,使用jquery blockUI的朋友可以参考下。
 
//显示遮罩 
$.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获得IE版本不准确webbrowser的解决方法
jQuery:delegate中select()不起作用的解决方法(实例讲解)
jquery mobile动态添加元素之后不能正确渲染解决方法说明
jquery ajax 同步异步的执行 return值不能取得的解决方案
Jquery修改image的src属性,图片不加载问题的解决方法
TextArea不支持maxlength的解决办法(jquery)
火狐4、谷歌12不支持Jquery Validator的解决方法分享
jquery load()在firefox(火狐)下显示不正常的解决方法
jQuery UI Datepicker length为空或不是对象错误的解决方法
JQuery的html(data)方法与&lt;script&gt;脚本块的解决方法
Jquery对新插入的节点 绑定Click事件失效的解决方法
最新网友评论  共有(1)条评论 发布评论 返回顶部
dpnm 发布于2016-09-07 12:26:47
解决,赞
支持(0)  反对(0)  回复

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务