主页 / 问题 / 690418
Accepted
Елизавета Чепцова
Asked:2020-07-10 19:21:48 +0000 UTC2020-07-10 19:21:48 +0000 UTC

告诉我如何使用 owl-carousel 在控制台中显示消息

  • 772

告诉我如何使用 owl-carousel 在发生以下事件时在控制台中显示消息：滑块初始化、滑块切换、滑块大小更改。

javascript

1 个回答

  1. Best Answer

    在此处阅读有关callback“啊”和event“啊猫头鹰旋转木马”的更多信息。

    var owl = $('.owl-carousel');
// обязательно прописать до самой инициализации слайдера
owl.on('initialized.owl.carousel', function() {
  console.log('установлен');
});
owl.owlCarousel({
  items: 2,
  loop: true,
  nav: true,
  dots: true
}).on('resize.owl.carousel', function() {
  console.log('resized');
}).on('translated.owl.carousel', function() {
  console.log('слайд прееключен');
});
    .item {
  height: 200px;
  background: #000;
  color: #fff;
}
    <link href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.theme.default.min.css" rel="stylesheet" />
<link href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>
<div class="owl-carousel">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
</div>

    • 0

相关问题