zoukankan      html  css  js  c++  java
  • jquery 延迟执行

    $(function(){
        var $inputs = $('input[type=button]')
            .delay(500)
            .queue(function(){$(this).hide().dequeue();})
            .delay(1500)
            .queue(function(){$(this).show();});
    });
    以上代码让页面中的按钮在页面加载后500毫秒隐藏,然后再过1500毫秒显示出来。  

    $(function(){
        var $inputs = $('input[type=button]')
            .delay(500)
            .queue(function(){$(this).hide().dequeue();})
            .delay(1500)
            .show(1);
            //.queue(function(){$(this).show();});
    });
    以上代码效果与前面的代码相同。

    $(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里执行也会有问题)。

    $(function(){
        var $inputs = $('input[type=button]')
            .delay(500)
            .queue(function(){$(this).hide().dequeue();})
            .delay(1500)
            .show();
            //.show(1);
    });
    以上代码只隐藏,而不会再显示!!这里show不再指定显示动画时长,则show方法不再是一个动画。由此可知,dequeue只能使得动画队列中的后续方法执行下去,不能使非动画队列中的jquery方法继续执行!



  • 相关阅读:
    树莓派开发实战(第2版)
    Windows 7+Office 2010综合应用培训教程
    Adobe Edge Animate CC
    从零开始学采购:供应商管理与采购过程控制
    iOS项目开发全程实录
    SEO搜索引擎实战详解
    Photoshop移动UI设计完全实例教程
    游戏开发物理学
    psd,
    放到 userdefault,而不是 cache里面,
  • 原文地址:https://www.cnblogs.com/wyang0126/p/5039944.html
Copyright © 2011-2022 走看看