Сова карусель 2 не отображает правильные элементы с другим именем класса - PullRequest
Новая
       121

Сова карусель 2 не отображает правильные элементы с другим именем класса

0 голосов
/ 30 апреля 2020

Я видел, что этот вопрос уже задавался, но решения просто не сработали для меня. У меня есть следующие элементы в моей системе: 

<div class="owl-carousel">
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
</div>

<div class="blog-carousel owl-carousel">
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
</div>

сторона сценария: 

$(".owl-carousel").owlCarousel({
    items: 2,
    responsiveClass:true,
    responsive: {
        0: { items: 1 },
        685: { items: 2 },
    }
});

$('.blog-carousel:not(".owl-carousel")').owlCarousel({
    items: 3,
    responsiveClass:true,
    responsive: {
        0: { items: 1 },
        685: { items: 2 }
    }
});

Сначала, во второй группе div, я помещаю только blog-carousel в качестве имени класса и просто позвоните $('.blog-carousel').owlCarousel({}), но его нельзя отобразить в карусели. Потом я увидел, как другие упоминали, что название класса «сова-карусель» является обязательным. И вот как мой код обратился к этому.

Итак, проблема в том, что по умолчанию owl-carousel, я хотел показать только 2 элемента и показать 3 элемента для группы блогов. Но мои записи в блоге по-прежнему отображают 2 вместо 3. Похоже, он читает все из первого скрипта.

...