Javascript 用于幻灯片放映而非动画的flexslider回调

我想在幻灯片放映完成后隐藏一个事件，而不是动画

这是我要显示和隐藏的项目的css

.myitem{  font-size: 36px;
  position: absolute;
  top: -21%;
  left: 36px;
  background: #000;
  color: #fff;
  padding: 11px 26px;}

这就是我使用的回调

  $('#slider').flexslider({
    controlNav: false,
      animation: 'slide',
    animationLoop: true,
      slideshow:true,
    sync: "#carousel",
      useCCS: false,
      easing: 'easeOutBounce',
      slideshowSpeed:2500,

    before: function(){
          $(".myitem").animate({top:"5%"});
      },
          after: function(){
          $(".myitem").animate({top:"-21%"});
      }
  });

---

“before”从顶部显示，这很好，而“after”则隐藏在动画之后，我希望它在每个幻灯片放映完成后隐藏。

我不确定flexslider是否能够为您提供实际幻灯片的数量（或索引，其中0是第一个），但您需要在，将它们作为变量传递给slide函数，您可以这样做（本例中为6个元素，索引为0到5）

---

当幻灯片放映结束时，我的意思是一张幻灯片结束了，而不是所有的幻灯片。这是我不理解的。如果您的意思是“在每张幻灯片之后”，那么您的代码应该可以工作。是吗？这里el是实际可见元素，而：eq（5）应该是元素的总数-1，比如：eq（'+（total-1）+'）。

before: function(){
    if (el.is(':eq(0)')) $(".myitem").animate({top:"5%"});
},
after: function(){
    if (el.is(':eq(5)')) $(".myitem").animate({top:"-21%"});
}