Почему моя сова-карусель складывает все мои элементы в один слайд? - PullRequest
Новая
       9

Почему моя сова-карусель складывает все мои элементы в один слайд?

0 голосов
/ 24 января 2019

У меня есть html-структура, подобная этой: 

<div class="header-top">
    <div class="container">
        <div class="row iconstop">
            <div class="owl-top owl-theme">
              <div class="item">
                <i class="winkelmand"></i>
                <span>GRATIS VERZENDING</span>
              </div>
              <div class="item">
                <i class="hout"></i>
                <span>OVEN DROOG GARANTIE</span>
              </div>
              <div class="item">
                <i class="snel"></i>
                <span>LEVERING BINNEN 48 hr.</span>
              </div>
              <div class="item">
                <i class="prijs"></i>
                <span>LAAGSTE PRIJS VAN NEDERLAND</span>
              </div>
            </div>
        </div>
    </div>
</div>

И мне нужно, чтобы эти элементы были слайдами в карусели: 

<div class="item">
    <i class="winkelmand"></i>
    <span>GRATIS VERZENDING</span>
</div>

Но по какой-то причине все элементы появляются в одномслайд?

Почему я заметил похожий вопрос, но ответом на него было то, что он использовал старую версию jQuery с новой каруселью для сов.Это не касается меня, я получил последнюю версию jquery и последние файлы карусели сов.

Вот jsfiddle, чтобы продемонстрировать, что я имею в виду:

https://jsfiddle.net/sxwm9ng3/

Насколько я вижу, я сделал все, как объяснено на сайте карусели сов.

1 Ответ

0 голосов
/ 24 января 2019

Вам необходимо подать заявку сова-карусель класса 

<div class="owl-carousel">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
</div>

Этот класс даст необходимые свойства css для работы ползунка owl ...

https://jsfiddle.net/RACCH/2yjv7eza/2/

...