在reveal.js中淡入新节点时淡出前一个节点

问题描述

我正在尝试在通过reveal.js 展示的演示文稿中为我的学生构建优雅的“填空”练习。

<p class="fragment">
Birds are able to fly because they possess
<span class="fragment">wings</span>
.</p>

这很好用,但是当我们浏览幻灯片时,我希望前面的句子淡出。如果将淡入然后淡出类添加到 p 元素,则嵌套的 span 元素将在整个句子消失之前出现一秒钟的短暂时间。这当然是预期的行为:当我们从 p 片段移动到 span 片段时,包含 span 的 p 消失了。

如何让这句话在下一句淡入时淡出?你将如何实现这一目标?也许通过事件监听器?

感谢您的帮助!


补充

一个片段切换到另一个片段后,幻灯片上的所有片段都恢复到原来的状态:因此,通过reveal.on 'fragmentshown' 侦听器删除“可见”类似乎是徒劳的。至少它对我不起作用。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)