为什么这个例子不需要dequeue就能执行queue的队列的函数

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <title>Bootstrap 实例 - 按钮(Button)插件加载状态</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<button id="fat-btn" class="btn btn-primary" data-loading-text="Loading..." 
       type="button"> 加载状态
</button>
<script>
    $(function() {
        $(".btn").click(function(){
            $(this).button('loading').delay(1000).queue(function() {
            $(this).button('reset');
            //alert('123');
            // $(this).dequeue(); 
            });
        });
    });  
</script>

注释掉dequeue依然会执行reset。

阅读 2.2k
1 个回答

dequeue() 方法从队列中移除下一个函数,然后执行函数。
queue第一个会自动执行,如果你不掉用dequeue方法,那么剩余的任务就不执行了。
怎么说呢,反正就是第一个任务会自动执行,要执行后续动画需要调用dequeue。暂时先这样理解吧。
你可以在后续添加:this.animate({width:300},"slow");之类的动画,你就会发现,不调用dequeue是无法执行后续动画了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题