Не работает навигация owl-карусели в firefox. Идеально работает в chrome, IE и Opera. Очень нужна помощь в решении этой проблемы. Посмотреть саму карусель можно здесь -
http://study.uitschool.com/fe-18-03/makarova/altair/
$('.owl-carousel').owlCarousel({
loop: true,
margin: 10,
navText: [$('.prev'), $('.next')],
responsive: {
0: {
items: 1,
nav: true
},
580: {
items: 2,
nav: true
},
768: {
items: 3,
nav: true,
loop: true,
autoPlay: true,
touchDrag: true,
mouseDrag: true
},
1024: {
items: 4,
nav: false,
loop: false,
autoPlay: false,
touchDrag: false,
mouseDrag: false
}
}
})
и сама карусель
<div class="gallery owl-carousel">
<div class="gallery-item">
<img class="owl-img img-responsive" src="images/handshake.jpg" alt="">
</div>
<div class="gallery-item">
<img class="owl-img img-responsive" src="images/handshake.jpg" alt="">
</div>
<div class="gallery-item">
<img class="owl-img img-responsive" src="images/handshake.jpg" alt="">
</div>
<div class="gallery-item">
<img class="owl-img img-responsive" src="images/handshake.jpg" alt="">
</div>
</div>
<div class="gallery-nav">
<button class="prev"><span class="glyphicon glyphicon-menu-left"></span></button>
<button class="next"><span class="glyphicon glyphicon-menu-right"></span></button>
</div>