2017-01-21 63 views
1

我正在使用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'); 

爲什麼不是這個改變主題?謝謝

回答

0

確保在執行腳本之前加載DOM和庫。嘗試</html>結束標記之前將其移動:

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

它仍然無法正常工作。順便說一句,我沒有使用jQuery – Lumo5

+0

我編輯了我的答案。我將你的腳本添加到了revealjs演示頁面,並且適用於我。將您的腳本移動到頁面底部,如果仍然無法正常工作,請查看您是否在控制檯中有任何錯誤。 – SLePort

+1

原始html標記的id存在命名錯誤。現在已經修復了。謝謝 – Lumo5