Javascript 在fadeIn过程中，Jquery旋转木马将兄弟节点定位在div下方，并进行奇怪的交互 转盘的fadeIn元素显示在可见的同级元素下面

我似乎有一个旋转木马转换问题，我的旋转木马的fadeIn元素过早出现了？在其可见同级元素的正下方。活动幻灯片用于指定可见幻灯片，然后在转换完成时快速就位底部的导航箭头开始转换

注:

此问题仅在第二次单击功能后开始， 我有点好奇为什么会这样

这个问题可以通过给出 位置：绝对位置；但这会使页眉登录 鼠标移动到鼠标上方时立即运行mouseleave函数 对于.slide div.应用此“修复”时下拉列表为何突然结束的解释，我们也将不胜感激

以下是用于实现旋转木马的代码：

$”。箭头“下一步”。单击函数{ var currentSlide=$'。活动幻灯片'； var nextSlide=currentSlide.next；

if(nextSlide.length === 0) {
  nextSlide = $('.slide').first();
}

currentSlide.fadeOut(600).removeClass('active-slide');
nextSlide.fadeIn(600).addClass('active-slide');
});
     $('.arrow-prev').click(function() {

var currentSlide = $('.active-slide');
var prevSlide = currentSlide.prev();

  if(prevSlide.length === 0) {
  prevSlide = $('.slide').last();
  }
currentSlide.fadeOut(600).removeClass('active-slide');
prevSlide.fadeIn(600).addClass('active-slide');
  });