2017-07-06 11 views
2

reveal.jsの動作に問題があります。 instructionsは本当に(?明白なことである)ここで、ファイルを配置するか、それらに名前を付けるために何を言っていないので、私も動作するように命令ページのサンプルコードを取得する問題を抱えている:reveal.jsで空白のページが生成される

<html> 
    <head> 
     <link rel="stylesheet" href="css/reveal.css"> 
     <link rel="stylesheet" href="css/theme/white.css"> 
    </head> 
    <body> 
     <div class="reveal"> 
      <div class="slides"> 
       <section>Slide 1</section> 
       <section>Slide 2</section> 
      </div> 
     </div> 
     <script src="js/reveal.js"></script> 
     <script> 
      Reveal.initialize(); 
     </script> 
    </body> 
</html> 

Iこのコードをtest.htmlというファイルに入れて、reveal.jsリポジトリのcssフォルダをtest.htmlと同じフォルダにコピーします。

FirefoxまたはIEでtest.htmlを開くと、何も表示されない完全に白いWebページが表示され、矢印キーを押しても何も起こりません。 "css/theme/white.css"を他のテーマに変更した場合は、ページの背景色を変更することができますが、まだそのコンテンツは表示されません。

私は間違っていますか?

答えて

0

cssフォルダー内のファイルを参照する以外は、jsフォルダー内のファイルも参照しています。したがって、reveal.jsリポジトリのjsフォルダをtest.htmlと同じフォルダにコピーする必要がありました。私が代わりにtest.html

 <link rel="stylesheet" href="<path-to-reveal.js>/css/reveal.css"> 
     <link rel="stylesheet" href="<path-to-reveal.js>/css/theme/white.css"> 

 <script src="<path-to-reveal.js>/js/reveal.js"></script> 

を持つように

代わりに、私は、参照を変更することができます。

関連する問題