Jquery 激活类上的触发操作

Jquery 激活类上的触发操作,jquery,triggers,slide,Jquery,Triggers,Slide,我为每张幻灯片制作了一个幻灯片和说明。当幻灯片处于活动状态时,我想使用jquery为字幕设置动画。不知何故,我设法做到了,但我认为这不是应该做到的;)这是我做的代码,它可以工作,但在计时器上,有人能帮我触发这个吗 $(function () { var $anchors = $('.description'); (function _loop(idx) { $anchors.removeClass('highlight').eq(idx).addClass('hi

我为每张幻灯片制作了一个幻灯片和说明。当幻灯片处于活动状态时,我想使用jquery为字幕设置动画。不知何故,我设法做到了,但我认为这不是应该做到的;)这是我做的代码,它可以工作,但在计时器上,有人能帮我触发这个吗

$(function () {
    var $anchors = $('.description');
    (function _loop(idx) {
        $anchors.removeClass('highlight').eq(idx).addClass('highlight');
        setTimeout(function () {
            _loop((idx + 1) % $anchors.length);
        }, 7000);
        $('.description').fadeIn(2000);
    }(0));
});

window.setInterval(function () {        
    if ($('#test2.highlight')) {            
        $('.description').removeAttr('style');
        $('.description').fadeIn(2000);
    }
}, 7000); // checks all 800ms
html

  • 意见2
  • 特斯法斯

请创建一把小提琴如果我向你展示网站会好吗?我不知道如何使用小提琴,从来没有这样做过xd www.hurompolska.pl
 <ul class="slides">

    <li id="test" class="" style="width: 100%; float: left; margin-right: -100%; position: relative; height: 460px; display: list-item; opacity: 0.42695848571879425;">

   <a href="http://tyf">

     <span id="test3" class="caption highlight" style="top: 63.088278221567435px;">test2</span>                             


                                                </a>
                        <img src="http://hurompolska.pl/wp-content/uploads/2013/11/przepisy_tlo.png" width="100%">                                                       <span id="test2" class="description highlight" style="display: inline; opacity: 0.24278023310924668;">opis2</span>                          </li>
                                        <li id="test" class="flex-active-slide" style="width: 100%; float: left; margin-right: -100%; position: relative; height: 460px; display: list-item; opacity: 0.5730415142812058;">

                                                <a href="http://bum">

                                                     <span id="test3" class="caption" style="top: 63.088278221567435px;">test</span>                            


                                                </a>
                        <img src="http://hurompolska.pl/wp-content/uploads/2013/11/top1.jpg" width="100%">                                                       <span id="test2" class="description" style="display: inline; opacity: 0.24278023310924668;">tesfasd</span>                          </li>

            </ul>