Javascript 当我播放幻灯片时，下拉框菜单停止工作

我是网页设计新手，我真的需要一些帮助来完成一个课堂项目。我有一个滑动导航，我正在使用下面的Javascript

$（函数（）{
/**
*对于鼠标指针上的每个菜单元素，
*我们放大图像，同时显示sdt_活动范围和
*sdt_包装跨度。如果元素有子菜单（sdt_框），
*然后我们滑动它-如果元素是菜单中的最后一个元素
*我们向左滑动，否则向右滑动
*/
$（'sdt_menu>li'）.bind（'mouseenter'，function（）{
变量$elem=$（本）；
$elem.find（'img'））
.停止（正确）
.制作动画({
“宽度”：“170px”，
“高度”：“170px”，
“左”：“0px”
}，400，'easeOutBack'）
.andSelf（）
.find（“.sdt_wrap”）
.停止（正确）
.animate（{'top'：'140px'}，500，'easeOutBack'）
.andSelf（）
.find（“.sdt_活动”）
.停止（正确）
.animate（{'height'：'170px'}，300，function（）{
var$sub_menu=$elem.find（'.sdt_框'）；
如果（$sub_menu.length）{
左变量='170px'；
如果（$elem.parent（）.children（）.length==$elem.index（）+1）
左='-170px'；
$sub_menu.show（）.animate（{'left'：left}，200）；
}   
});
}).bind（'mouseleave'，function（）{
变量$elem=$（本）；
var$sub_menu=$elem.find（'.sdt_框'）；
如果（$sub_menu.length）
$sub_menu.hide（）.css（'left'，'0px'）；
$elem.find（“.sdt\u活动”）
.停止（正确）
.animate（{'height'：'0px'}，300）
.andSelf（）.find（'img'））
.停止（正确）
.制作动画({
“宽度”：“0px”，
“高度”：“0px”，
'左'：'85px'}，400）
.andSelf（）
.find（“.sdt_wrap”）
.停止（正确）
.animate（{'top'：'25px'}，500）；
});
});

当我尝试在页面上播放幻灯片时，导航停止工作。我试过几张幻灯片，都有一些冲突。我试着用的是来自

---

谢谢你的帮助

您正在同时调用动画和停止多次。处理此问题的两种方法是构建队列系统（），或使用提供的回调（函数完成其任务后运行的函数）

需要明确的是，像这样的代码是一次性运行的：

a.animate1()
b.animate2() //animate2 doesn't wait for animate 1, thus, use of callbacks and/or queues.

作为旁注，看看是否可以通过使用函数来减少大量剪切+粘贴的代码部分。祝你在这个项目上好运

a.animate1()
b.animate2() //animate2 doesn't wait for animate 1, thus, use of callbacks and/or queues.