Jquery, чтобы скользить рядом и предыдущая сова carausel - PullRequest
Новая
       23

Jquery, чтобы скользить рядом и предыдущая сова carausel

0 голосов
/ 02 сентября 2018

Я готов сдвинуть совую карусель с помощью Jquery. Вот мой код, пожалуйста, помогите мне исправить его. 

    $('#slide-next').click(function() {
        $('#slider').trigger('owl.next');
    });
    $('#slide-prev').click(function() {
       $('#slider').trigger('owl.prev');
    });

1 Ответ

0 голосов
/ 02 сентября 2018

Правильные события: next.owl.carousel и prev.owl.carousel . 

$("#slider").owlCarousel();
$('#slide-next').click(function() {
    $('#slider').trigger('next.owl.carousel');
});
$('#slide-prev').click(function() {
    $('#slider').trigger('prev.owl.carousel');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  
<button id="slide-next">Next</button>
<button id="slide-prev">Prev</button>
<div id="slider" class="owl-carousel">
  <div> Your Content1 </div>
  <div> Your Content2 </div>
  <div> Your Content3 </div>
  <div> Your Content4 </div>
  <div> Your Content5 </div>
  <div> Your Content6 </div>
  <div> Your Content7 </div>
</div>
...