Question

对我来说这是一个奇怪的事情。.我确定我在某处做错了事...但是这行了：

我有一个滑块，它的一个部分包含一些元素，而另一部分包含一些其他元素，这是由客户设计的。不是我的。

 <div class="header-image">
 <div class="banner-slider flexslider">
 <ul class="slides rslides">
 <?php if( have_rows('slides', 'option') ): $i = 0;
 while ( have_rows('slides', 'option') ) : the_row(); $i++;?>
 <li class="slide-<?php echo $i; ?>" style="background:url(<?php the_sub_field('slide_image'); ?>);">
 <div class="info-contents">
 <div class="home-slide-info">
 <div class="header-title"><?php the_sub_field('slide_title'); ?></div>
 <a class="grve-btn grve-btn-medium grve-round grve-bg-primary-1 grve-bg-hover-black" href="<?php the_sub_field('slide_button_url'); ?>"><span><i class="smp-icon-cursor"></i><?php the_sub_field('slide_button_text'); ?></span></a></div>
 </div>
 </li>
 <?php endwhile;
 else : 
 endif; ?>
 </ul>
 </div>

 <div class="grve-container">
 <div class="head-slide-navigation">
 <ul class="ui-tabs-nav">
 <?php if( have_rows('slides', 'option') ): $i = 0;
 while ( have_rows('slides', 'option') ) : the_row(); $i++;?>
 <li class="slidetab-<?php echo $i; ?>"><a href="<?php 
 the_sub_field('slide_tab_url'); ?>"><?php the_sub_field('slide_tab_text'); ?></a></li>
 <?php endwhile;
 else :  
 endif; ?>
 </ul>
 </div>
 </div>
 </div>

本质上，js中发生的事情是当幻灯片处于活动状态时，它会显示class = rslides1_on，从而使幻灯片处于活动状态。

然后我使用此代码说，当该类在幻灯片上处于活动状态时，与之关联的幻灯片选项卡将具有“活动”类。但是当我在下面使用此js代码时：

 <script type="text/javascript">
   jQuery(document).ready(function(){
     if ($('.banner-slider ul.slides li.rslides1_on')) {
         $('ul.ui-tabs-nav li a').addClass('active');
     }
   });
 </script>

然后突出显示它们两个。任何人都可以提供他们任何帮助。.我知道我在语法方面做错了..我只是无法解决：（

我尝试仅使用CSS来使按钮也改变颜色，但是它也不起作用，如下所示：

 ul.slides li.slide-1.rslides1_on + ul.ui-tabs-nav li.slidetab-1 a {background:#7c449b!important;}

但是那也不起作用。我已经尝试了所有CSS组合器，但都不起作用。

有什么想法吗？

jQuery检查li项目是否具有将类添加到其他列表中的另一个li项目的类

0 个答案: