javascript - 为什么这个例子不需要dequeue就能执行queue的队列的函数
本文介绍了javascript - 为什么这个例子不需要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。
解决方案
dequeue() 方法从队列中移除下一个函数，然后执行函数。
queue第一个会自动执行，如果你不掉用dequeue方法，那么剩余的任务就不执行了。
怎么说呢，反正就是第一个任务会自动执行，要执行后续动画需要调用dequeue。暂时先这样理解吧。
你可以在后续添加：this.animate({width:300},"slow");之类的动画，你就会发现，不调用dequeue是无法执行后续动画了
这篇关于javascript - 为什么这个例子不需要dequeue就能执行queue的队列的函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
