Why don't owl carousel arrows work?

Question

css

Hello. There is a carousel, it seems to work, but the problem is that the navigation arrows do not respond to pressing.

$('#main-banners').owlCarousel({
        items: 1,
        dots: false,
        loop: true,
        autoplay: false,
        navText: [],
        nav: true
    });

On the site, navigation buttons are added with the class disabled

<div class="owl-nav disabled">
<button type="button" role="presentation" class="owl-prev"></button>
<button type="button" role="presentation" class="owl-next"></button>
</div>

Why? I set nav: true I
use Owl Carousel v2.3.4

Answer 1

Try to remove
navText: []

Answer 2

Try to duplicate several slides so that there are more of them than the number of displayed slides.

Answer 3

I had the same thing until I removed dots:false.
Strange of course, I did not understand this joke, but it began to work.

Answer 4

Try to assign a class to the slider containerowl-theme