addClass基於滑塊中的數據屬性的li

我試圖將一個類添加到滑塊外存在的列表項，並且遇到選擇器或函數本身的麻煩。我使用WP中的滑塊革命插件來構建滑塊，然後使用該函數定位到上面的無序列表。由滑塊生成的代碼是這樣的，我觸發基於該數據slideactive屬性addClass函數...addClass基於滑塊中的數據屬性的li

<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">

使用此功能：

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

這是列表項我試圖將該類添加到

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

該網站是在http://development.maclynutility.com/programproductions我工作的滑塊是最上面的一個。基本上問題是這個類沒有被添加到li中，我被卡住了爲什麼它不起作用。任何幫助是極大的讚賞。

來源

2016-07-11 Brent

我認爲你試圖在它實際存在之前檢查元素。

爲了解決這一嘗試使用革命幻燈片事件（未測試）：

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

來源

2016-07-11 22:42:05 glemmal

謝謝！我已經實現了這個解決方案，但是在頂部滑塊上切換滑塊時會有相當大的延遲，我無法弄清楚原因。 – Brent

addClass基於滑塊中的數據屬性的li

回答

相關問題