jQuery：if文を使用して「未定義」エラーを取り除くにはどうすればよいですか

Question

サードパーティのプラグインを使用する場合は、通常、メインのapplication.jsファイルで初期化します。

例：scrollクラスを持っていないページが読み込まが、その後、私が取得する場合、問題がある

$('.scroll').jScrollPane(); 

：

TypeError: Result of expression '$('.scroll').jScrollPane' [undefined] is not a function. 

ので、これを回避するために、私はそれを包みます：

これは問題を解決しますが、ちょうどハックのようです。

これを解決する「正しい」方法はありますか？あなたがtry/catchブロックを使用することができます

Answer 1

あなたが取得している場合：

ScrollPane' [undefined] is not a function. 

をページが.scroll要素を持っていないので...それはないだろう。

プラグイン（またはjQuery自体）がロードされていないと、そのようなエラーが発生します。

あなたがそのプラグインを持っていないそのうちのいくつかは、いくつかのページ、上のいくつかのコードを再利用している場合は、代わりに次の操作を行います。

if ($.fn.jScrollPane){ 
    $('.scroll').jScrollPane(); 
} 

Answer 2

...

try 
    { 
    $('.scroll').jScrollPane(); 
    } 
catch(err) 
    { 
    //Handle or ignore errors here 
    } 

Answer 3

うう...ありません。 jQueryはそのようには機能しません。 $("any selector")への呼び出しは、になります。いつもはすぐに使える（しかし空の）jQueryオブジェクトを返します。私はそれが本当にあなたの問題だとは思わない。あなたのページが何をしているかについてもっと詳しく説明できますか？

Answer 4

if ($('.scroll').jScrollPane()){ 
    $('.scroll').jScrollPane(); 
} 

このエラーは、アドオンが

をロードできなかったという理由だけでPROBです

Answer 5

他の人が言っているように、そのエラーはjScrollのエラーです。要素が存在しないため、jQueryは空の配列を返します。

これは、プラグインがロードされていないためです。 jScrollは、スクロールバーを変更するプラグインです、正しいですか？私はそれに多くの問題がありました。

$(window).load(function(){ 
    //Call it here 
}) 

これは、すべての問題を修正しました。