2017-04-19 22 views
0

パーティクルスライダを作成しようとしていますが、このエラーが発生しました。ヌルのプロパティ 'childNodes'を読み取ることができません。私はそこを調べました。ページ読み込み前に実行されていますが、そうでないように見えます。ここにあなたからの洞察をお願いします。 ありがとう:)ヌルのプロパティ 'childNodes'を読み取ることができません

<script> 
    let body = document.querySelector('body'); 
    body.id = 'logos'; 
    let init =() => { 
     var myPS = new ParticleSlider({ 
      slideDelay: 10, 
      mouseForce: 1000, 
      monochrome: false, 
      //showArrowControls: true, 
      ptlGap: 5, 
      ptlSize: 2, 
      arrowPadding: 15, 
      sliderId: 'logos', 
     }); 
     (window.addEventListener 
       ? window.addEventListener('click', function() { 
      myPS.init(true) 
     }, false) 
       : window.onclick = function() { 
      myPS.init(true) 
     }); 
     window.onresize =() => { 
      myPS.width = window.innerWidth; 
      myPS.height = window.innerHeight; 
     } 
    } 
    window.onload = init; 
</script> 
</head> 
<body id="logos"> 
<div class="slides"> 
<div id="first-slide" class="slide" data-src="https://www.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/0020/5527/brand.gif?itok=SOQ1ZybO"> 
</div> 
</div> 
<canvas class="draw"></canvas> 
<script src="js/particleSlider.js"></script> 
+0

を開始する前にjavascriptのを使用して設定することができますか? –

答えて

1

を明示的にので、logossliderIdを設定し、以来、あなたのbodyタグが同じID ことを持っている必要がありますまた、あなたは自分のbodyタグの終了前にスクリプトを配置する必要があります。

<body id="logos"> 
    ....... 
    ....... 
</body> 

か、あなたはまた、 `myPS`と` ps`は同じ変数ことになっている粒子

let body = document.querySelector('body'); 
body.id = 'logos'; 
+0

私はレスポンシブルサイトの開発のためにブートストラップを追加したいのですが、これをどのように使用するのですか? –

+0

@BhavikBamaniahm ..チェック編集済み回答 –

+0

まだ同じ問題... –

関連する問題