Клонированные предметы в каруселе совы

При создании карусели я понял, что сова добавляет клонированные дубликаты предметов. Моя конфигурация совы выглядит так. Как я могу остановить это.

owlDfe.owlCarousel({
            loop: false,
                        autoWidth:false,
                        nav:false,
                        responsiveClass:true,
                        responsive:{
                            0:{
                                items:sizes.mobile_portrait
                            },
                            568:{
                              items:sizes.mobile_landscape
                            },
                            768:{
                              items:sizes.ipad
                            },
                            800:{
                                items:sizes.desktop
                            },
                            1000:{
                                items:sizes.desktop,
                            }
                        }
          });

Ответы

Ответ 1

У меня была эта проблема - я обнаружил, что установка опции loop для false разрешила это для меня.

Ответ 2

Итак, я ударился головой об эту проблему клонирования с передачей событий кликов клонированному слайду....

что окончательно решило это для меня, это установить эти два значения конфигурации:

loop: false,

rewind: true

Это позволит карусели вращаться, но не дублировать слайды.

Ответ 3

jQuery('.owl-carousel2').owlCarousel({
    loop:false,
    margin:10,
    nav:true,
    mouseDrag:false,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:3
        }
    }
})

         });

Сделать цикл false, и он не создает клонированные объекты

Ответ 4

В моем случае я обнаружил, что при добавлении items: 4, но количество элементов было меньше, это дублировало бы клонирование.

Ответ 5

Все эти ответы решают основную проблему, но тогда вы не можете использовать цикл :(

Мне удалось сохранить поведение циклов и щелчков, обновив данные по мере необходимости, чтобы сова не нуждалась в элементах клонирования для меня.

var toClone = Object.keys(owlConfig.responsive).length - slides;
if(toClone > 0) {
    slides= [...slides, ...slides.splice(0, toClone)];
}
// initialize carousel here

Ответ 6

Будьте готовы к отличному решению этой проблемы:

Если вы хотите установить loop: true в случае наличия более чем определенного количества элементов (в моем случае я использую 5 элементов на экране, общее количество элементов с прокруткой - 15)

loop: ( $('.owl-carousel .items').length > 5 )

Вышеупомянутое решение не будет запускать цикл при наличии менее 6 элементов, в то время как цикл будет включен автоматически при наличии более 5 элементов.

Это решило мою проблему, я надеюсь, это также поможет вам. Спасибо за вопрос и наслаждайтесь этим кодом :)