jquery 的队列queue
使用示列代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>测试 jquery 的队列queue的使用</title>
<script src="../Js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function TestQueue(sender) {
var loading = $('<span id="loading" class="checkout-state">准备执行队列.....</span>');
var originObj = $(sender).clone(true); //克隆当前对象，相当于 存储一个当前对象的副本
//lock
$(sender).fadeOut('slow', function () {
$("#loading").replaceWith(originObj); //替换其元素
$(this).replaceWith(loading).queue(function (next) {//进入Jquery队列执行
console.log("队列任务"); $("#loading").html("<b></b>队列执行成功, 请稍后..").animate({ opacity: 1.0 }, 1000).fadeOut("slow", function () { //队列处理完成后 执行方法
console.log("完成执行队列任务");
}); $("#loading").fadeOut('slow', function () { //（执行失败！）还原当前对象，（就是上面克隆的副本进行还原）
$("#loading").replaceWith(originObj);
$(sender).fadeIn('slow');
}); next();
});
});
} $(function () {
$("#queueTest").click(function () {
TestQueue(this);
});
});
</script>
</head>
<body>
<div id="queueTest">
<h1>
测试队列</h1>
</div>
</body>
</html>
jquery 的队列queue的更多相关文章
- 深入学习jQuery动画队列
前面的话 队列实现是jQuery非常棒的一个拓展,使用动画队列可以使动画更容易实现.本文将详细介绍jQuery动画队列 queue() queue()方法用来显示在匹配的元素上的已经执行的函数队列 q ...
- JQuery队列queue与原生模仿其实现
jQuery中的queue和dequeue是一组很有用的方法,他们对于一系列需要按次序运行的函数特别有用.特别animate动画,ajax,以及timeout等需要一定时间的函数. queue() 方 ...
- Python进阶【第二篇】多线程、消息队列queue
1.Python多线程.多进程 目的提高并发 1.一个应用程序,可以有多进程和多线程 2.默认:单进程,单线程 3.单进程,多线程 IO操作,不占用CPU python的多线程:IO操作,多线程提供并 ...
- Java中的队列Queue，优先级队列PriorityQueue
队列Queue 在java5中新增加了java.util.Queue接口,用以支持队列的常见操作.该接口扩展了java.util.Collection接口. Queue使用时要尽量避免Collecti ...
- Windows Azure Service Bus (2) 队列(Queue)入门
<Windows Azure Platform 系列文章目录> Service Bus 队列(Queue) Service Bus的Queue非常适合分布式应用.当使用Service Bu ...
- Windows Azure Service Bus (3) 队列(Queue) 使用VS2013开发Service Bus Queue
<Windows Azure Platform 系列文章目录> 在之前的Azure Service Bus中,我们已经介绍了Service Bus 队列(Queue)的基本概念. 在本章中 ...
- (C#)使用队列(Queue)解决简单的并发问题
(C#)使用队列(Queue)解决简单的并发问题 2015-07-16 13:04 13265人阅读 评论(8) 收藏 举报 分类: Asp.Net(8) 版权声明:本文为博主原创文章,未经博主允 ...
- STL中的单向队列queue
转载自:http://blog.csdn.net/morewindows/article/details/6950917 stl中的queue指单向队列,使用时,包含头文件<queue>. ...
- java09 队列Queue与Deque
队列Queue与Deque. Enumeration Hashtable与Hashtable子类Properties(资源配置文件) 引用类型(强.软.弱.虚)与WeakHashMap Identit ...
随机推荐
- Oracle 11g 修改字符集 为 ZHS16GBK
方法一:sqlplus “用户/密码 as sysdba” sqlplus “sys/sys as sysdba” 方法二:sqlplus/nolog SQL> conn /as sysdba ...
- React Native填坑之旅--Stateless组件
Stateless component也叫无状态组件.有三种方法可以创建无状态组件. 坑 一般一个组件是怎么定义的: 很久以前的方法: const Heading = createClass({ re ...
- 黑马程序员－scanf函数
变量的内存:字节和地址:1.变量的存储单位是字节,每个字节都有存储地址.2.不同的数据大小占用的内存带下不同拥有的字节数也是不同的.变量的存储:1.存储是按照,先存储的放在地址教高的位置,优先存储的地 ...
- poj1274（匈牙利算法）
The Perfect Stall Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 22809 Accepted: 101 ...
- EDA技术与ASIC设计和FPGA开发有什么关系？FPGA在ASIC设计中有什么用途？
利用EDA技术进行电子系统设计的最后目标是完成专用集成电路ASIC的设计和实现:FPGA和CPLD是实现这一途径的主流器件.FPGA和CPLD通常也被称为可编程专用IC,或可编程ASIC.FPGA和C ...
- 《Linux内核分析》之第三章读书笔记
进程管理 进程是处于执行期的程序以及相关的资源的总称,也称作任务.执行线程,简称线程,是在进程中活动的对象. 可以两个或两个以上的进程执行同一个程序 也可以两个或两个以上并存的进程共享许多资源 内核调 ...
- oracle中的函数及其应用
--..............常用的单行函数...................... ------------------- 常用的字符函数 ---------------------- ...
- android开发学习之Level List篇
Level List google 说明:A Drawable that manages a number of alternate Drawables, each assigned a maximu ...
- Mac OS 系统工具使用
1. 截屏的处理 Command + Shift + 4
- Android中的PopupWindow
1.功能 PopupWindow这个类用来实现一个弹出框,可以使用任意布局的View作为其内容,这个弹出框是悬浮在当前activity之上的,可以设置显示位置. 2.需求 弹出软键盘,实现键盘功能从而 ...