Javascript 为什么这两个排队的动画从未执行过？

根据下面的代码，在第一个动画的回调函数中有一个字体大小的动画。它应该在第一个动画完成时执行。实际上，字体大小动画是在第一个动画完成后执行的。通常，在某个动画完成后应执行一个排队的动画，同时还应执行上一个动画的回调函数。但在这种情况下，为什么这两个排队的动画从未执行过？（排队的动画被完全删除）是因为字体大小动画的

.stop（true）

功能吗？原因是什么？执行过程是什么

$（文档）.ready（函数（）{
$（“div”）.animate（{height:“300px”}，3000，“linear”，function（）{
$（this）.stop（true）.animate（{fontSize:“50px”}，3000，“线性”）；
})；//第一部动画
$（“div”）.animate（{height:“50px”}，3000，“linear”）；//排队的动画
$（“div”）.animate（{width:“200px”}，3000，“linear”）；//排队的动画
});
div{
字体大小：20px；
文本对齐：居中；
背景色：#F00；
颜色：白色；
}

你好，世界要以与第一个动画相同的方式对它们进行排队，需要将它们作为回调传入：


$（文档）.ready（函数（）{
$（“div”）.animate（{height:“300px”}，3000，“linear”，function（）{
动画（{fontSize:“50px”}，3000，“线性”，函数（）{
$（“div”）.animate（{height:“50px”}，3000，“linear”）；//排队的动画
$（“div”）.animate（{width:“200px”}，3000，“linear”）；//排队的动画
});
})；//第一部动画
});
div{
字体大小：20px；
文本对齐：居中；
背景色：#F00；
颜色：白色；
}

你好，世界要以与第一个动画相同的方式对它们进行排队，需要将它们作为回调传入：


$（文档）.ready（函数（）{
$（“div”）.animate（{height:“300px”}，3000，“linear”，function（）{
动画（{fontSize:“50px”}，3000，“线性”，函数（）{
$（“div”）.animate（{height:“50px”}，3000，“linear”）；//排队的动画
$（“div”）.animate（{width:“200px”}，3000，“linear”）；//排队的动画
});
})；//第一部动画
});
div{
字体大小：20px；
文本对齐：居中；
背景色：#F00；
颜色：白色；
}

你好，世界将那些排队的动画添加到每个动画的回调动画中


$（文档）.ready（函数（）{
$（“div”）.animate({
高度：“300px”
}，3000，“线性”，函数（）{
$（此）。停止（真）。设置动画({
字体大小：“50px”
}，3000，“线性”，函数（）{
$（“div”）.animate({
高度：“50px”
}，3000，“线性”，函数（）{
$（“div”）.animate({
宽度：“200px”
}，3000，“线性”）；//排队的动画
})；//排队的动画
});
})；//第一部动画
});
div{
字体大小：20px；
文本对齐：居中；
背景色：#F00；
颜色：白色；
}

你好，世界将那些排队的动画添加到每个动画的回调动画中


$（文档）.ready（函数（）{
$（“div”）.animate({
高度：“300px”
}，3000，“线性”，函数（）{
$（此）。停止（真）。设置动画({
字体大小：“50px”
}，3000，“线性”，函数（）{
$（“div”）.animate({
高度：“50px”
}，3000，“线性”，函数（）{
$（“div”）.animate({
宽度：“200px”
}，3000，“线性”）；//排队的动画
})；//排队的动画
});
})；//第一部动画
});
div{
字体大小：20px；
文本对齐：居中；
背景色：#F00；
颜色：白色；
}

你好，世界
将那些排队的模拟添加到回调函数中，您正在将
true
作为第一个参数传递给
.stop（）
。以下是
.stop（）
的文档：将那些排队的模拟添加到回调函数中，您正在将
true
作为第一个参数传递给
.stop（）
。以下是
.stop（）
的文档：