惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

月光博客
月光博客
MyScale Blog
MyScale Blog
博客园 - Franky
The Cloudflare Blog
IT之家
IT之家
Blog — PlanetScale
Blog — PlanetScale
博客园 - 聂微东
WordPress大学
WordPress大学
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
T
The Blog of Author Tim Ferriss
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
罗磊的独立博客
Google DeepMind News
Google DeepMind News
P
Proofpoint News Feed
Martin Fowler
Martin Fowler
aimingoo的专栏
aimingoo的专栏
J
Java Code Geeks
腾讯CDC
雷峰网
雷峰网
Microsoft Azure Blog
Microsoft Azure Blog
G
Google Developers Blog
博客园 - 【当耐特】
美团技术团队
云风的 BLOG
云风的 BLOG

博客园 - Think

[开源]jquery.ellipsis根据宽度(不是字数)进行内容截断,支持多行内容 根据用户选的背景色,自动匹配一个前景色 jquery代码链实现延时执行代码的较优雅办法 C++11智能指针处理Array对象 低端用户反文化----这个问题真这么简单? 放暑假了 jQuery 1.7.2 animate功能跨浏览器Bug修补 AsyncEnumerator对EAP的支持 大数据块(BLOBs)与流(Stream)操作性能规范 SQL Antipatterns内容介绍 Chromium Embedded Framework中文文档 (使用C API) Chromium Embedded Framework中文文档 (如何链接不同的运行时) Chromium Embedded Framework中文文档 (SVN属性) Chromium Embedded Framework中文文档 (升级到最新的Chrome) Chromium Embedded Framework中文文档之(基本使用) Chromium Embedded Framework 中文文档(简介) 操盘之王 摘要 市场营销经典《引爆点》简摘 强制iphone界面马上旋转
jquery代码链实现延时执行代码【补:几点注意】
Think · 2012-10-16 · via 博客园 - Think

上一篇:jquery代码链实现延时执行代码的较优雅办法介绍了使用jquery的动画接口实现定时、延时执行代码的链式编写方法,补充几点注意事项:

  1. $(function(){
    	var $inputs = $('input[type=button]')
    		.delay(500)
    		.queue(function(){$(this).hide().dequeue();})
    		.delay(1500)
    		.queue(function(){$(this).show();});
    });
    

    以上代码让页面中的按钮在页面加载后500毫秒隐藏,然后再过1500毫秒显示出来。  

  2. $(function(){
    	var $inputs = $('input[type=button]')
    		.delay(500)
    		.queue(function(){$(this).hide().dequeue();})
    		.delay(1500)
    		.show(1);
    		//.queue(function(){$(this).show();});
    });
    

    以上代码效果与前面的代码相同。  

  3. $(function(){
    	var $inputs = $('input[type=button]')
    		.delay(500)
    		.queue(function(){$(this).hide();})
    		.delay(1500)
    		.show(1);
    		//.queue(function(){$(this).show();});
    });
    

    以上代码同样只隐藏,不会再显示,相比代码2,queue里的代码没有调dequeue,由此可知,queue执行完后,也中止了动画队列的继续执行,需要调用dequeue使其执行下去(这里queue里的hide()不是一个动画,而将当前对象的动画放在queue里执行也会有问题)。

  4. $(function(){
    	var $inputs = $('input[type=button]')
    		.delay(500)
    		.queue(function(){$(this).hide().dequeue();})
    		.delay(1500)
    		.show();
    		//.show(1);
    });
    

    以上代码只隐藏,而不会再显示!!这里show不再指定显示动画时长,则show方法不再是一个动画。由此可知,dequeue只能使得动画队列中的后续方法执行下去,不能使非动画队列中的jquery方法继续执行!