Блог

Главная - Вопросы по программированию - Почему owlcarousel вытаскивает последний элемент на следующем raw, когда текст внутри элемента большой?

Почему owlcarousel вытаскивает последний элемент на следующем raw, когда текст внутри элемента большой?

#jquery #slider #owl-carousel

Вопрос:

Это пример

 <https://jsfiddle.net/65rkjz7g/1/>
 
 <div class="bors owl-carousel owl-theme">
    <div class="bor">
        some big big big text that is really really big
    </div>
    <div class="bor">
        some big big big text that is really really big
    </div>
    <div class="bor">
        some big big big text that is really really big
    </div>
    <div class="bor">
        some big big big text that is really really big
    </div>
    <div class="bor">
        some big big big text that is really really big
    </div>
</div>
 
   .bor {
        height: 300px;
        background: #b0bed9;
        border: 1px black solid;
    }
 
     $(".bors").owlCarousel({
        loop:false,
        nav:true,
        autoWidth: true
    })

Как вы видите — последний элемент вытащен из строки и находится на втором необработанном.
Как я могу это исправить?
Я попытался использовать опцию «afterInit» и установить дополнительную ширину .owl-stage. Это работает, но последний элемент не может быть полностью виден после него.

Это ошибка? Потому что если я изменю размер экрана на больший — он будет работать нормально, но после перезагрузки его не будет.

Метки: ,