检测包含特定div的节何时更改类？

Question

我有一个页面，其中包含节，实际上是一个旋转的滑块，发生这种情况时，节类在present，future和past之间变化。

<section class="past"></section>
<section class="present"><div id="vs"></div></section>
<section class="future"><div id="vs"></div></section>

我要检测的是某节将其类更改为present，并且该节包含一个称为#vs的div。如果将其类更改为present的部分不包含div #vs，则什么也不会发生。

我该如何使用jQuery并在每次更改section类时使其发生？

Answer 1

在您评论说您正在使用的是Reveal.js之后，我看了一下documentation，看是否有要使用的事件。

我找到了一个显示Reveal.js初始化的jsFiddle，并对其进行了修改，使其使用slidechanged event来获取当前的幻灯片对象。 View that jsFiddle here。

相关代码段：

Reveal.addEventListener( 'slidechanged', function( event ) {
     if($(event.currentSlide).hasClass('example')){
          console.log('Slide with example class!')
     }
});