jquery 的队列queue

使用示列代码：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title>测试 jquery 的队列queue的使用</title>
 5     <script src="../Js/jquery-1.9.1.min.js" type="text/javascript"></script>
 6     <script type="text/javascript">
 7         function TestQueue(sender) {
 8             var loading = $('<span id="loading" class="checkout-state">准备执行队列.....</span>');
 9             var originObj = $(sender).clone(true);  //克隆当前对象，相当于 存储一个当前对象的副本
10             //lock
11             $(sender).fadeOut('slow', function () {
12                 $("#loading").replaceWith(originObj);  //替换其元素
13                 $(this).replaceWith(loading).queue(function (next) {//进入Jquery队列执行
14                     console.log("队列任务");
15
16                     $("#loading").html("<b></b>队列执行成功, 请稍后..").animate({ opacity: 1.0 }, 1000).fadeOut("slow", function () {  //队列处理完成后 执行方法
17                         console.log("完成执行队列任务");
18                     });
19
20
21
22                     $("#loading").fadeOut('slow', function () {  //（执行失败！）还原当前对象，（就是上面克隆的副本进行还原）
23                         $("#loading").replaceWith(originObj);
24                         $(sender).fadeIn('slow');
25                     });
26
27                     next();
28                 });
29             });
30         }
31
32         $(function () {
33             $("#queueTest").click(function () {
34                 TestQueue(this);
35             });
36         });
37     </script>
38 </head>
39 <body>
40     <div id="queueTest">
41         <h1>
42             测试队列</h1>
43     </div>
44 </body>
45 </html>

转载于:https://www.cnblogs.com/linJie1930906722/p/5365963.html

jquery 的队列queue相关推荐

[jQuery] jQuery的队列是如何实现的？队列可以用在哪些地方？
[jQuery] jQuery的队列是如何实现的?队列可以用在哪些地方? 一.队列是什么?队列是一种数据结构,跟生活中的排队是一样的,符合先进先出,后进后出的原则即:对一个数组做一些限制:1.只允许在 ...
python队列线程池_实例详解：python高级编程之消息队列(Queue)与进程池(Pool)
今天为大家带来的内容是:python高级编程之消息队列(Queue)与进程池(Pool),结合了实例的形式详细分析了Python消息队列与进程池的相关原理.使用技巧与操作注意事项!!! Queue消息 ...
PYTHON——多线程：队列Queue数据结构
1.队列模块简介队列是一种数据结构,用于存放数据,类似列表.它是先进先出模式(FIFO模式),类似管道一般: 单线程不需要用到队列Queue,它主要用在多线程之间的,Queue称为多线程利器. 列表 ...
35 线程优先级队列(queue)
Python的queue模块中提供了同步的.线程安全的队列类,包括先进先出队列Queue.后进先出队列LifoQueue和优先级队列PriorityQueue.这些队列都是先了锁原语,可以直接使用来实 ...
python queue 查询是否在队列中_python队列Queue的详解
Queue Queue是python标准库中的线程安全的队列(FIFO)实现,提供了一个适用于多线程编程的先进先出的数据结构,即队列,用来在生产者和消费者线程之间的信息传递基本FIFO队列 clas ...
多线程中的应用之队列(queue)
队列queue 多应用在多线程中,对于多线程访问共享变量时,队列queue是线程安全的. 从queue队列的实现来看,队列使用了1个线程互斥锁(pthread.Lock()),以及3个条件标量(pth ...
用结点实现链表LinkedList，用数组和结点实现栈Stack，用数组和结点链表实现队列Queue
一,用结点实现链表LinkedList,不用换JavaAPI的集合框架 import java.util.Scanner;public class Main {public static class ...
python 多进程multiprocessing 队列queue报错：AttributeError: Can't pickle local object
今天,test-191204-单个摄像头调用multiprocessing线程队列queue识别时,报错: D:\20191031_tensorflow_yolov3\python\python.ex ...
Java队列 Queue
转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/120828046 本文出自[赵彦军的博客] Java队列 Queue Java队列 ...

jquery 的队列queue

jquery 的队列queue相关推荐

最新文章

热门文章