在Jquery中的事件之后更改CSS中的文本颜色

我有这个免费的在线模板

在此模板中，您可以看到横幅“捐赠”、“加入志愿者”、“帮助儿童”有一个活动动画，之后，只要相关横幅处于活动状态或选中状态，右侧的图片就会发生更改

我的问题是，在切换到下一个“加入志愿者”后，如何更改“捐赠”文本的颜色。换句话说，现在它是白色的，我想在取消选择后将它改为红色。一旦通过旋转集再次激活或选择，它必须再次变为白色

以下是横幅滑块动画的代码：

<script type="text/javascript">
    $(window).load(function () {
        $('.slider')._TMS({
            preset: 'zabor',
            easing: 'easeOutQuad',
            duration: 800,
            pagination: true,
            banners: true,
            waitBannerAnimation: false,
            slideshow: 3000,
            bannerShow: function (banner) {
                banner.css({
                    right: '-700px'
                }).stop().animate({
                    right: '0'
                }, 600, 'easeOutExpo')
            },
            bannerHide: function (banner) {
                banner.stop().animate({
                    right: '-700'
                }, 600, 'easeOutExpo')
            }
        })
        $('.pagination li').hover(function () {
            if (!$(this).hasClass('current')) {
                $(this).find('a').stop().animate({
                    backgroundPosition: '0 0'
                }, 600, 'easeOutExpo', function () {
                    $(this).parent().css({
                        backgroundPosition: '-20px 0'
                    })
                });
            }
        }, function () {
            if (!$(this).hasClass('current')) {
                $(this).css({
                    backgroundPosition: '0 0'
                }).find('a').stop().animate({
                    backgroundPosition: '-250px 0'
                }, 600, 'easeOutExpo');
            }
        })
    })
</script>

在hover事件中，只有当我将光标悬停在上面，然后它返回时，才会将颜色更改为红色。一旦相关横幅被

jquery

脚本激活，我需要将文本更改为红色。文本和脚本之间似乎没有联系。我急切地想让文本改变它的属性，作为脚本参与的旋转的响应。希望事情现在清楚多了

我想

.pagination .current a, .pagination a:hover {
    color:red;
}

应该给你你需要的

编辑：

不要使用

.pagination #banner1:hover, .pagination #banner1.current, 
.pagination #banner2:hover, .pagination #banner2.current, 
.pagination #banner3:hover, .pagination #banner3.current,
 #banner1 a:hover, .pagination #banner1 a:after
 {
   color:red;
 }

---

那么，呃，你尝试过什么？发布你的标记和脚本/代码。@serakfalcon我编辑过这个问题。@shaunakde我编辑过这个问题。

.pagination.current{color:red；}

有效吗？它有效，但除非我将鼠标悬停在它上面，否则它将保持红色而不是返回白色。我试图删除

悬停

事件，但没有成功。我感到困惑。您希望它何时变为红色？一旦激活

banner1

，文本应为

red

。移动到

banner2

后，

banner1

的文本应恢复为正常的白色，而无需将鼠标悬停在其上或更新循环。激活是指单击和/或当脚本移动到该幻灯片右键时？单击并向右滑动。当旋转回合达到

横幅1

时，即

捐赠

应变为

红色

。一旦轮换移动到

横幅2

回合，

捐赠

将变为白色，

加入志愿者

将变为红色。不涉及

悬停

事件。现在发生的事情是，当我点击“捐赠”时，它仍然是红色的，而不是白色的

.pagination .current a, .pagination a:hover {
    color:red;
}

.pagination #banner1:hover, .pagination #banner1.current, 
.pagination #banner2:hover, .pagination #banner2.current, 
.pagination #banner3:hover, .pagination #banner3.current,
 #banner1 a:hover, .pagination #banner1 a:after
 {
   color:red;
 }