2016-07-20 25 views
1

なぜ私はこのjavascriptエラーを取得しているのか分かりません。これを考え出すのは苦労します。ヌルのプロパティ 'getElementsByClassName'を読み取ることができません

は、ここに私のmain.jsです:

jQuery(document).ready(function($) { 

    /* 
    PARTICLES 
    -------------------*/ 
    particlesJS("particles-js", { 
     "particles": { 
     "number": { 
      "value": 80, 
      "density": { 
      "enable": true, 
      "value_area": 800 
      } 
     }, 
     "color": { 
      "value": "#823a09" 
     }, 
     "shape": { 
      "type": "circle", 
      "stroke": { 
      "width": 0, 
      "color": "#000000" 
      }, 
      "polygon": { 
      "nb_sides": 5 
      }, 
      "image": { 
      "src": "img/github.svg", 
      "width": 100, 
      "height": 100 
      } 
     }, 
     "opacity": { 
      "value": 0.5, 
      "random": false, 
      "anim": { 
      "enable": false, 
      "speed": 1, 
      "opacity_min": 0.1, 
      "sync": false 
      } 
     }, 
     "size": { 
      "value": 3, 
      "random": true, 
      "anim": { 
      "enable": false, 
      "speed": 40, 
      "size_min": 0.1, 
      "sync": false 
      } 
     }, 
     "line_linked": { 
      "enable": true, 
      "distance": 150, 
      "color": "#823a09", 
      "opacity": 0.4, 
      "width": 1 
     }, 
     "move": { 
      "enable": true, 
      "speed": 6, 
      "direction": "none", 
      "random": false, 
      "straight": false, 
      "out_mode": "out", 
      "bounce": false, 
      "attract": { 
      "enable": false, 
      "rotateX": 600, 
      "rotateY": 1200 
      } 
     } 
     }, 
     "interactivity": { 
     "detect_on": "canvas", 
     "events": { 
      "onhover": { 
      "enable": true, 
      "mode": "grab" 
      }, 
      "onclick": { 
      "enable": true, 
      "mode": "push" 
      }, 
      "resize": true 
     }, 
     "modes": { 
      "grab": { 
      "distance": 140, 
      "line_linked": { 
       "opacity": 1 
      } 
      }, 
      "bubble": { 
      "distance": 400, 
      "size": 40, 
      "duration": 2, 
      "opacity": 8, 
      "speed": 3 
      }, 
      "repulse": { 
      "distance": 200, 
      "duration": 0.4 
      }, 
      "push": { 
      "particles_nb": 4 
      }, 
      "remove": { 
      "particles_nb": 2 
      } 
     } 
     }, 
     "retina_detect": true 
    }); 

    /* 
    OWL CAROUSEL 
    -------------------*/ 
    $('#owl-events').owlCarousel({ 
     margin: 0, 
     dots: false, 
     nav: true, 
     navText: [], 
     loop: true, 
     // autoPlay: false, 
     // autoplayHoverPause: true, 
     responsive: { 
      0: { 
       items: 1 
      }, 
      600: { 
       items: 2 
      }, 
      1000: { 
       items: 3 
      } 
     } 
    }); 

}); 

エラーがparticles.jsから来ています。私のホームページにはエラーはありません。ホームページは私が<div id="particles-js"></div>を使用している場所です。 hereのような他のページに行くと、このエラーが発生します。理由は分かりません。

答えて

0

また、この問題は、particles.jsをWebページに追加しようとしたときに発生しました。解決策は非常に簡単です。 「粒子-jsの」クラスにアクセスしようとする

particlesJS("particles-js", { 

particles.js:スクリプトのこの部分をロードする場合。ホームページに <div id="particles-js"></div>しか使用していない場合は、main.jsを他のページにロードしようとすると例外がスローされます。

だから、基本的にあなたがきたあなたはparticles.js作業をしたいすべてのページの両方で、<div id="particles-js"></div>スニペットとmain.jsをロードする、またはより一般的なもののようにmain.jsで使用されるクラスを変更するには、たとえば、本体ですので、バックグラウンドで(CSSのビット付きで)作成することができます。

関連する問題