0

我正在创建一个网页，并正在使用来自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>

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

4

2 回答 2

3

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;
于 2013-12-06T09:54:52.877 回答
2

好的，我想我找到了错误：在插件 js 文件中将部分更改为case "fade":以下内容：

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

它似乎只影响那些使用动画“淡入淡出”的人。另一个似乎不受此错误的影响。

编辑： 演示在这里

于 2013-12-06T09:39:14.850 回答