- 浏览: 1005244 次
- 性别:
- 来自: 天津
文章分类
- 全部博客 (445)
- Java (22)
- J2EE (18)
- Flex (102)
- Flex-blazeds (1)
- Flex-FABridge (2)
- Flex4 (3)
- CheckStyle (2)
- PowerDesigner (0)
- POI (2)
- Java2Word (2)
- 杂项 (15)
- 日记 (3)
- 数据库-oracle (41)
- 数据库-SQLServer (7)
- 中间件 (1)
- 英语 (8)
- C# (43)
- ASP.net (72)
- ASP.net MVC (28)
- 微软-Entity Framework (19)
- JavaScript (22)
- JQuery (31)
- EasyUI (3)
- VS2010 (4)
- CVS (1)
- Tomcat (3)
- Linux (1)
- 遗留问题 (1)
- iphone (1)
- MAC (0)
- 系统 (2)
- Web Service (4)
- Cache Manager (1)
- PMP (1)
- WCF (10)
- BootstrapJs (1)
- Web API (6)
- Go语言 (0)
- 网络协议 (2)
- Redis (10)
- RabbitMQ (10)
- Git (3)
- Kafka (5)
- ELK (5)
- Nginx (3)
- 测试 (2)
最新评论
-
ygm0720:
Table行拖拽自己实现 -
程乐平:
Flex4开发视频教程(27集)下载http://bbs.it ...
Flex4教程 -
liuweihug:
Jquery+asp.net 后台数据传到前台js进行解析的办 ...
AJAX $.toJSON的用法或把数组转换成json类型 -
weilikk:
谢谢谢谢!!
javascript IE下不能用 trim函数解决方法 -
gxz1989611:
vigiles 写道请问楼主:[Fault] exceptio ...
blazeds推送技术至Flex
在开发过程中出现一个问题,就是在IE7,8,9 ,Chrome中block不起作用。
原来的代码:
jQuery.blockUI({ message: blockmsg, css: { padding: 25, color: '#fff', border: '3px solid #aaa', backgroundColor: '#507691'} }); $.ajax({ type: "post", url: "/PersonalizerPreViewHandler.ashx", //dataType: "json", async: false,//写这句话的目的是,当ajax调用成功后,再调用btn的后台方法。 data: { 'values': inputvaluesJS }, success: function (data) { //var leftA = divid.replace("div", "divimg"); //$("#" + leftA + " img").attr("src", data); if (obj != "order" || data.indexOf("error_") > -1) { jQuery.unblockUI(); } if (data.indexOf("error_") > -1) { alert(data.substring(5, data.length - 1)); } else { PreviewImage(data,obj); } }, error: function (err) { jQuery.unblockUI(); alert("error:" + err); return false; } });
这样写后就出现了我之前的问题,block不起作用了。
查了很久,看了源码发现在blockui的js中有这样的语句,
setTimeout(function(){focus(back)},10); setTimeout(function() { reset(els,data,opts,el); }, opts.fadeOut);
我想是不是因为这个原因再加上ajax的同步问题,队列顺序改变造成的。
于是,我修改了正确的代码如下 :
jQuery.blockUI({ message: blockmsg, css: { padding: 25, color: '#fff', border: '3px solid #aaa', backgroundColor: '#507691'} }); setTimeout(function () { $.ajax({ type: "post", url: "/PersonalizerPreViewHandler.ashx", //dataType: "json", async: false, data: { 'values': inputvaluesJS }, success: function (data) { //var leftA = divid.replace("div", "divimg"); //$("#" + leftA + " img").attr("src", data); if (obj != "order" || data.indexOf("error_") > -1) { jQuery.unblockUI(); } if (data.indexOf("error_") > -1) { alert(data.substring(5, data.length - 1)); } else { PreviewImage(data,obj); } }, error: function (err) { jQuery.unblockUI(); alert("error:" + err); return false; } }); },100);
注意:
1.我使用的jquery是1.6.1min
2.Jquery.block是2.08
3.我从网上查过使用ajax --beforesend还是不行,我想应该是还是没有改变settimeout的轨迹吧,代码如下:
$.ajax({ type: "POST", url: "GetFreeStand.do", data: "hid="+$("#hall").val()+"&pid="+$("#plan").val(), dataType:'json', async: false, beforeSend:function(){ $.blockUI({message:'获取大厅大厅的空闲摊位,请稍候...'}); }, complete: function() { $.unblockUI(); } , success: function(data){ $("#stand").empty(); for(var i=0;i<data.rows.length;i++){ var row = data.rows[i]; $("#stand")[0].options.add(new Option(row.name,row.id)); } } });
发表评论
-
DotNet 资源大全(下)
2018-07-12 10:18 534HTML 和 CSS(HTML and CSS) ... -
DotNet 资源大全(上)
2018-07-12 10:17 672API 框架 NancyF ... -
asp.net mvc处理css和js版本问题
2018-05-24 16:40 1327当服务的修改了js和css内容后,发布到II ... -
分布式系统调用链监控
2018-02-22 14:36 827分布式系统调用链监 ... -
IIS 优化
2017-06-28 21:57 1579通过对IIS7的配置进行优化,调整IIS7应用池的队列长度, ... -
IIS初始化(预加载),解决第一次访问慢,程序池被回收问题
2017-06-28 21:39 2019读在最前面: 1、本文以IIS8,Windows Se ... -
使用C# 和Consul进行分布式系统协调
2017-05-11 10:41 1247随着大数据时代的到来,分布式是解决大数据问题的一个主要手段, ... -
查看IIS上面的每个网站分别用了多少内存
2017-05-05 12:57 843IS服务器上面运行了多个网站,想查看每个网站具体使用了系统多 ... -
Asp.net WebApi版本控制
2017-03-06 10:34 793关web api的版本控制网上有很多,如Web API 版本 ... -
.Net下RabbitMQ的使用(9) -- 在WCF下使用RabbitMQ
2016-12-19 10:42 976RabbitMQ .net客户端通过自定义的Binding ... -
.Net下RabbitMQ的使用(8) -- 远程过程调用RPC
2016-12-19 10:42 1014RPC是在计算中是一种 ... -
.Net下RabbitMQ的使用(7) -- 消息的传输控制
2016-12-19 10:41 932前文中也多次提到消息传输的一些概念,这一篇比较全面的介绍一 ... -
.Net下RabbitMQ的使用(6) -- 持久化
2016-12-19 10:41 712消息的持久化是消息 ... -
.Net下RabbitMQ的使用(5) -- 路由机制
2016-12-19 10:41 497理清路由机制是了解RabbitMQ来龙去脉的关键。在前面的 ... -
.Net下RabbitMQ的使用(4) -- 订阅和发布
2016-12-16 10:26 1096消息的订阅和发布是使 ... -
.Net下RabbitMQ的使用(3) -- 竞争的消费者
2016-12-16 10:23 2424在上一篇文章中,演示了一个发送者和一个消费者的情况。这一篇介 ... -
.Net下RabbitMQ的使用(2) -- 发送接收消息
2016-12-16 10:20 1211在安装和配置完成Rabbit ... -
RabbitMQ消息队列(一): Detailed Introduction 详细介绍
2016-12-16 10:12 5681. 历史 RabbitMQ是 ... -
RabbitMQ 安装和监控
2016-12-16 10:14 816在Windows上安装Rabbit MQ 指南,最好的是这 ... -
Autofac创建实例的方法总结
2016-12-07 14:54 5271、InstancePerDependency 对每一个依 ...
相关推荐
The jQuery BlockUI 插件是用于进行AJAX 操作时模拟同步传输时锁定浏览器操作[1] 。当它被激活时,它会阻止使用者与页面(或页面的一部分)进行交互,直至它被取消。 BlockUI以在DOM 中添加元素的方法来实现阻止用户...
jQuery BlockUI 插件可以在不同锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为。该插件激活时,会组织用户在页面进行的操作,直到插件被关闭。
jQuery BlockUI 插件(遮罩层)源代码 博文地址:http://blog.csdn.net/evangel_z/article/details/51123612
BlockUI 插件是用于进行AJAX操作时模拟同步传输时锁定浏览器操作。当它被激活时,它会阻止使用者与页面(或页面的一部分)进行交互,直至它被取消。 BlockUI以在DOM中添加元素的方法来实现阻止用户与浏览器交互的...
jquery.blockUI插件用法实例,欢迎下载。
jQueryPager(JQuery分页插件pagination实现Ajax分页) CSDN犀利助互群60168829
Ajax表单提交插件jquery form
JQUERY插件,ajax不需要刷新,即可实现搜索功能
jQuery BlockUI插件可以在不锁定浏览器的同时,模拟同步模式下发起Ajax请求的行为。该插件激活时,会阻止用户在页面进行的操作,直到插件被关闭。 压缩包内有两个版本。2.4.2和2.7.0
jquery ajax分页插件 jquery ajax分页插件 jquery ajax分页插件
jQuery blockUI plugin Version 2.39 (23-MAY-2011) Demos: $(document).ready(function() { $('#demo1').click(function() { $.blockUI({ message: $('#loginForm') }); setTimeout($.unblockUI, 2000); ...
Jquery全屏遮掩及加载条插件,使用: <script type="text/javascript" src="js/jquery-1.4.2.min.js"> <script type="text/javascript" src="js/jquery.poshytip.js"> <script type="text/javascript" src="js/...
最新版本的jquery blockUI 2.7.0,官方完整版,测试通过,想要自定义设置一些东西可以直接百度或者查看官网demo
在做网站的开发过程中,可能需要使用弹出层,使用jquery的blockui插件可以很轻松的实现这个效果。blockui可以在你发送ajax请求的时候,显示一个遮罩层禁止用户对页面进行操作并显示提示信息;或者用来显示一个登陆...
好看好用的上传js插件,可预览可删除,支持多图上传ajax,
官方最新版的 jquery-blockUI,本人没有对其进行任何的修改,完全是从官网上下载了。
jquery form ajax 插件