0

我通过 Jquery 创建了一个 Flickity 滑块,需要一点帮助。我使用 selectedIndex 作为条件来检查哪些滑块是可见的。请参见下面的代码:

    $carousel.on( 'select.flickity', function() {
    if (flkty.selectedIndex === 0) {
        hideAllText();
        text0.fadeIn('slow');
    }
});

这就是说,当滑块 0(初始幻灯片)淡入 var text0 时。我想为 6 个滑块执行此操作,但由于幻灯片直到 4 秒才改变,if 语句一直在运行,所以它一直隐藏和显示文本。

有什么想法可以让我一次性运行,直到幻灯片再次出现。

谢谢 :)

4

1 回答 1

0

这应该导致相关代码只执行一次:

text0Shown = false;

$carousel.on('select.flickity', function() {
  if (!text0Shown && flkty.selectedIndex === 0) {
    text0Shown = true;
    hideAllText();
    text0.fadeIn('slow');
  }
});
于 2018-02-21T11:16:09.657 回答