javascript - 当某张幻灯片具有事件类名时如何运行javascript函数

Question

我正在尝试在滑动器幻灯片上制作一个功能，因此当 slider 上的第二张幻灯片具有类名称“swiper-slide-active”时，它会提醒用户他们在第二张幻灯片上

这是我的问题的代码笔 https://codepen.io/mrsalami/pen/rEWNzN

$(document).ready(function() {
  if ($("div.swiper-wrapper > div.swiper-slide.first-child").hasClass("landscape")) {
    $(".swiper-wrapper").addClass('landscape-slider');
  }
  if( $('div.swiper-wrapper > div.swiper-slide.second-child').hasClass('swiper-slide-active')) {
    alert('active');
}
});

Answer 1

您需要在滑动器的滑动事件上调用您的警报代码而不是就绪功能

例如

swiper.on('slideChange', function () {

  if( $('div.swiper-wrapper > div.swiper-slide.second-child').hasClass('swiper-slide- 
  active')) {

          alert('active');
     }

  });

参见 here更多事件