Reveal.js - 无法更改主题

我正在使用Reveal.js，我试图在幻灯片更改时更改主题。我试过，但它不工作：Reveal.js - 无法更改主题

Reveal.addEventListener('slidechanged', function(){ 
    document.getElementById('theme').setAttribute('href','css/theme/black.css'); 
});

我也试过这种对自己的事件监听器之外，但它不工作：

document.getElementById('theme').setAttribute('href','css/theme/black.css');

为什么不是这个改变主题？谢谢

来源

2017-01-21 Lumo5

确保在执行脚本之前加载DOM和库。尝试</html>结束标记之前将其移动：

<script> 
    Reveal.addEventListener('slidechanged', function(){ 
    document.getElementById('theme').setAttribute('href','css/theme/white.css'); 
    }); 
</script> 
</html>

来源

2017-01-21 08:03:10 SLePort

它仍然无法正常工作。顺便说一句，我没有使用jQuery – Lumo5

我编辑了我的答案。我将你的脚本添加到了revealjs演示页面，并且适用于我。将您的脚本移动到页面底部，如果仍然无法正常工作，请查看您是否在控制台中有任何错误。 – SLePort

原始html标记的id存在命名错误。现在已经修复了。谢谢 – Lumo5

Reveal.js - 无法更改主题

回答

相关问题