スライダーのデータ属性に基づいてliにaddClassを追加

Question

スライダーの外にあるリスト項目にクラスを追加しようとしていますが、セレクターまたは関数自体に問題があります。私はWPでスライダー革命プラグインを使用してスライダーを構築しています。スライダーによって生成されたコードはこれです、私はこの機能を使用して...データslideactive属性に基づいて

<div class="forcefullwidth_wrapper_tp_banner" id="rev_slider_2_2_forcefullwidth"> 
    <div id="rev_slider_2_2_wrapper" class="rev_slider_wrapper fullwidthbanner-container"> 
     <div id="rev_slider_2_2" class="rev_slider fullwidthabanner revslider-initialised tp-simpleresponsive" data-version="5.2.6" data-slideactive="rs-5"> 

をaddClass機能をトリガーしています：

$(document).ready(function() { 
    if ($('#rev_slider_2_2').attr('data-slideactive') === 'rs-5') { 
     $("ul.sliderTextList li.first").addClass("activeListItem"); 
    } 
}); 

そして、これはリスト項目です私は、サイトは、私が働いているスライダが一番上ですhttp://development.maclynutility.com/programproductionsである

<ul class="sliderTextList"> 
    <li class="first">Full-service&nbsp;Transmission</li> 

にクラスを追加しようとしています。基本的に問題は、クラスが李に追加されていないということです。なぜそれが機能していないのか、私は固執しています。どんな助けでも大歓迎です。

Answer 1

実際に存在する前に要素をチェックしようとしていると思います。革命スライドイベントを使用しようとするこれを回避するには

（未テスト）：

revapi5.bind('revolution.slide.onloaded', function() { 
    revapi5.bind('revolution.slide.onchange', function(e, data) { 
     console.log("slide changes"); 
     if ($('#rev_slider_2_2').attr('data-slideactive') === 'rs-5') { 
      $("ul.sliderTextList li.first").addClass("activeListItem"); 
     } 
    }); 
}); 

提供するAPIをチェックアウトしてください：Revolution Slide API