【问题标题】:Retrieve number of current slide using slideNumber Reveal.js使用 slideNumber Reveal.js 检索当前幻灯片的编号
【发布时间】:2014-08-20 08:47:01
【问题描述】:

关于 Reveal.js,我需要你的帮助。

谁能解释我如何检索我当前幻灯片的编号,并将其添加到变量中?

我需要在幻灯片 4 上添加一个事件。

感谢支持

【问题讨论】:

    标签: javascript jquery html reveal.js


    【解决方案1】:

    这是你的意思吗?

    Reveal.addEventListener('slidechanged', function(evt) {
      if (evt.currentSlide === 4) {
        // Do your stuff
      }
    });
    

    您始终可以将currentSlide 存储在某处,如果您的操作需要在演示过程中而不是在slidechanged 上完成,稍后再检索它。

    【讨论】:

    • 是的,这就是我的意思,但它适用于 jquery 动画吗? code Reveal.addEventListener('slidechanged', function( event) { if (event.currentSlide === 4) { $("canvas").animate({ marginLeft: "4in", marginTop:"-1.05in" , 高度:'+=80px', 宽度:'+=80px' }); } }); code动画在中间
    • 这个答案是错误的。 currentSlide 包含 HTML 元素,但不包含幻灯片编号。
    • 是的,@SethosII,这个答案很有可能在七年后就已经过时了......
    • @SamuliHakoniemi 从版本 2.6.2 看到这个(最后一个版本可以追溯到你的答案之前):github.com/hakimel/reveal.js/blob/…。那里的评论还说这些是 HTML 元素。
    【解决方案2】:

    您可以使用Reveal.getIndices() 获取当前幻灯片的索引。它返回一个具有三个属性的对象:

    • h:幻灯片的水平索引
    • v:幻灯片的垂直索引
    • f:幻灯片中片段的索引

    现在您可以将当前索引与您想要的幻灯片的索引进行比较。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-05-18
      • 1970-01-01
      • 2015-01-27
      • 1970-01-01
      • 2018-11-01
      • 1970-01-01
      • 2016-08-15
      • 1970-01-01
      相关资源
      最近更新 更多