JSプラグインは、ページに不要なときに他のスクリプトを壊します

Question

私の敏感なナビゲーションのためにプラグインを使用しています（http://responsive-nav.com）。プラグインはうまくいきます。問題は、すべてのページにナビゲーションがないということです。これが事実である場合には、私は他のJavaScriptがロードされないと、私は、「応答-nav.js」を参照してエラーが発生します気づいた：

Uncaught Error: The nav element you are trying to select doesn't exist

は、ここで私はmain.jsファイル内のスクリプトを読み込む方法です。

$(function(){ 

    var navigation = responsiveNav(".site-nav__list", { 
     customToggle: "#site-nav__toggle", 
     open: function(){ 
      $("#site-nav__toggle").addClass('open'); 
     }, 
     close: function(){ 
      $("#site-nav__toggle").removeClass('open'); 
     } 
    }); 
});; 

ファイルは、私は上記のん入力したコードコメントアウト、それは問題が解決しない削除する各ページ（/js/responsive-nav.js）で呼び出されるが - ので、私は推測しているがそれはそれと関係がありますか？

誰かが助けてくれることを願っています。

Answer 1

プラグインの作者と話をしたところ、私はスクリプトを「if文」でラップするように勧めました。

は、ここでは、使用して終わるものです：

$(function(){ 
    if ($(".site-nav__list").length) { 
     var navigation = responsiveNav(".site-nav__list", { 
      customToggle: "#site-nav__toggle", 
      open: function(){ 
       $("#site-nav__toggle").addClass('open'); 
      }, 
      close: function(){ 
       $("#site-nav__toggle").removeClass('open'); 
      } 
     }); 
    } 
}); 

シンプル。魅力のように動作します:)