javascript - 停止更改父类的HTML5音频/视频

Question

我这里有一个Slick Slider，主要包含图像，但也包含音频和视频元素。

当所有“幻灯片”可见时，使用生成的导航显示时，其类别为“slick-current”。我需要帮助的问题是，当幻灯片删除“slick-current”类时，如何停止每个幻灯片中的音频和/或视频元素。

我知道如何使用jQuery调用音频和视频元素，但是在删除类后如何调用某些内容我迷失了。

提前致谢。

Answer 1

不，据我所知，没有办法在“添加/删除CSS类”上进行事件。但是从http://kenwheeler.github.io/slick/谈论Slick Slider时，您可以在幻灯片将要更改时附加onchange事件。您可以使用'beforechange'或'afterchange'事件。

$('#slider').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
   // stop the video/audio inside currentSlide if you need to
}