Javascript jQuery淡入画布上特定幻灯片的div函数（使用js）

jQuery淡入画布上特定幻灯片的特定div函数，设置时间为.fadeIn（）

需要div=“fade”在我的canvas web应用程序（基于reveal.js-）中的第六张幻灯片出现

当div=“fade”放在第一个区域内时，jQuery函数可以完美地工作，但如果它放在任何其他部分内），那么当然页面加载已经发生了很长一段时间（当div id=“fade”设置为按以下方式加载div时：

jQuery：

$(function(){  // $(document).ready shorthand
  $('#fade').fadeIn(2200);
});

HTML5第6节（希望div=“fade”在这里工作）：

。。。

…作为旁注，或者对于不熟悉此画布的人，当您使用应用程序时，每个++…都会标记下一个“幻灯片”…同样，您可以在以下位置看到示例：

我很乐意使用老式的js或jquery进行修复。

来自reveal.js的：

Reveal.addEventListener( 'slidechanged', function( event ) {
    // event.previousSlide, event.currentSlide, event.indexh, event.indexv
} );

因此，您可以这样调用

fadeIn

：

Reveal.addEventListener( 'slidechanged', function( event ) {
    if(event.currentSlide==6){
        $('#fade').fadeIn(2200);
    }
} );

---

你可以这样做

Reveal.addEventListener( 'slidechanged', function( event ) {                
   if(event.indexh == 1){ //to get the slide number
     $('#fade').fadeIn(2200);
   }
});

---

是否有任何方法可以为正在更改的幻灯片绑定到某个事件，以查看当前幻灯片编号，并基于该编号运行动画？谢谢！但是，由于某种原因，我不得不保留：'$（function（）{/$（document）.ready-shorthand$（'#fade'）.fadeIn（2200）；}）；​' 在我的html和pckill的代码中（谢谢你的提示！），在>正文>（就在结束脚本之前）：'Reveal.addEventListener（'slidechanged'，function（event）{if（event.currentSlide==6）{$（'#fade'）.fadeIn（2200）；}“我尝试了其他方法，但没有运气，如果你知道原因，请与我分享——否则，就这样使用吧——它很管用！（[）

Reveal.addEventListener( 'slidechanged', function( event ) {                
   if(event.indexh == 1){ //to get the slide number
     $('#fade').fadeIn(2200);
   }
});