javascript - 文本旋转器卡在 4 个元素中的 2 个上

Question

我正在创建网页并使用来自 http://www.thepetedesign.com/demos/jquery_super_simple_text_rotator_demo.html 的 Simple Text Rotator 插件但我似乎无法显示所有 4 个元素。它似乎只选择了四个中的两个并在它们之间不断轮换。我正在处理的部分的源代码在下面，网站是 http://www.goaptitude.com

<h1 class="promo-heading animated" data-fx="pulse">Changing how a 
                <strong class="text-rotator-fade color-high">
                    <span class="rotate">Student, Teacher, Parent, World</span>
                </strong> 
                learns
            </h1>

<script src="javascripts/jquery.simple-text-rotator.js" ></script>

谢谢你的帮助，我真的很感激。

Answer 1

RononDex 是对的，问题只是淡入淡出部分，但这个解决方案的顺序是错误的，第一个标签只出现一次。

正确的解决方法是只有一部分代码位置不对。

          index = $.inArray(el.text(), array)
          if((index + 1) == array.length) index = -1

必须在“el.fadeOut()”部分之前。

这个应该可以解决问题:

 case 'fade':
          index = $.inArray(el.text(), array)
          if((index + 1) == array.length) index = -1
        el.fadeOut(settings.speed, function() {
          el.text(array[index + 1]).fadeIn(settings.speed);
        });
      break;