Bootstrap Повторитель ACF карусели - стрелки не работают - PullRequest
Новая
       173

Bootstrap Повторитель ACF карусели - стрелки не работают

0 голосов
/ 21 февраля 2020

Доброе утро,

В настоящее время я занимаюсь разработкой темы understrap-child, и у меня возникла проблема с каруселью Bootstrap, которую я превратил в повторитель, используя плагин Acf pro на Wordpress. Вопрос в том, что стрелки индикатора не работают. Слайдер прекрасно работает как повторитель, но стрелка вправо (carousel-control-next) не работает, только левая позволяет мне взаимодействовать со слайдером.

Интересно, проблема в том, связанных с самим ретранслятором или со мной, делая какую-то глупую ошибку, которую я не могу видеть! ПОЖАЛУЙСТА, ПОМОГИТЕ МНЕ Вот мой код: 

<div class="container-fluid containerslider sliderdesktop container-home-sub ">



<div id="HomeCarouselIndicators" class="carousel slide" data-ride="carousel">
  <!--indicators-->
  <?php if( have_rows('slider') ): $i = 0; ?>
    <ol class="carousel-indicators">
  <?php while ( have_rows('slider') ): the_row(); ?>
      <li data-target="#HomeCarouselIndicators" data-slide-to="<?php echo $i; ?>" class="<?php if($i == 0) echo 'active'; ?>"></li>


      <?php $i++; endwhile; ?>
    </ol>
    <?php endif; ?>
    <!--end of indicators-->


    <div  class="carousel-inner" role="listbox">

    <?php // check if the repeater field has rows of data

$count = 0;

if( have_rows('slider') ){
    //loop through
    while ( have_rows('slider') ){
    //define the row
    the_row();
       ?> 



      <!-- Slide One - Set the background image for this slide in the line below -->
      <div class="carousel-item subheader-carousel  <?php if ($count==0) {echo "active";} ?>" style="background-image: url('<?php the_sub_field('slider_background'); ?>')" >
        <div class="">

        </div>
      </div>

      <a class="carousel-control-prev" href="#HomeCarouselIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#HomeCarouselIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>

      <?php
            $count=$count+1;
            }
            }
            ?> 




    </div><!--end of carousel inner-->


  </div><!--end of homecarouselindicators-->

  </div><!--end container slider-->

1 Ответ

0 голосов
/ 22 февраля 2020

На первый взгляд, у вас есть контроль внутри вашей карусели.

https://getbootstrap.com/docs/4.0/components/carousel/

Показывает элементы управления, находящиеся снаружи карусели, но внутри карусели.

...