JQUERY 備忘録 | メシのタネ

owl8
このエントリーをはてなブックマークに追加

【jQuery】プログラム動かない時に確認すること

 2014/06/05

いつも同じ説明をしてるので、結構困ってる人いるんじゃないかと思って書きます。
自分が他人のJSのプログラムを導入するにあたってやって居る事を
書いてみようかなと思います。
ただ、確認してることだけなので、あんまし技術的要素はないです。

意識する点は、読み込みの順番と、ファイルの確認です。

読み込みの順番が違う

恐らく最も多いのがこれじゃないかと思います。
Uncaught ReferenceError: jQuery is not defined
こんなエラーでます。

jQueryが読み込まれる前に
jQuery呼んじゃうからですね。

<html>
     <head>
     <script>
     jQuery(function(){
          alert("age")
     });
     </script>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>    
          <meta charset="utf-8">
     </head>
     <body>
     </body>
</html>

なのでこうします。
先にjQueryを読み込みます。

<html>
     <head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>//jQuery読み込んだ!
     <script> 
     jQuery(function(){  //jQuery呼んだ!
          alert("age")
     });
     </script>
          <meta charset="utf-8">
     </head>
     <body>
     </body>
</html>

おらん関数を呼ぶ

これの原因は色々ありますが、いくつかあげてみます。
1、関数名を間違える
2、必要なファイルが読み込まれていない
3、バージョンが違うプログラムの読み込みが行われている

1も2も3も気をつければ大丈夫です。

打ち間違いのチェック

動かないなと思ったら、呼び出す関数間違えてないかとか
ちゃんとタグなりIDなりクラスなり指定できているかとか
そもそもファイル入ってるのかとか確認してください。

ファイルが読み込まれてなくて何故関数が無いって言われるのか

ファイルAの中からBの中の関数にアクセスすることがあると思います。
そゆ時に、Bのファイルが読み込まれてなければ、当然その関数はありませんよね。

違うバージョンのプログラム入るかも知れない場合

違う人が読み込んでたとか、前のソース弄るから入ってたとか
そういう場合があります。

それ以外に気づきにくい場合は、フッターの後ろに入ってたりとか、
プログラムで読み込むようになっていたとかあると思います。

実際自分も色んなサイト見てて、jQueryが2回くらい読み込まれてるの良く見ます。

読んでる記事と現行のプログラムのバージョンが違う

これもたまにあります。記事を見ながら導入する場合、
その記事が何時書かれた物なのか確認します。
古ければ、新しいサイトに行くか、作成者のサイトに行って、
そのプログラムが実際に動くのかどうか、すっごい簡素なHTML上で
動かして見るのが良いと思います。

基本的に世に出回ってて、そこそこ名前知れてるプログラムが
動かないなんてことはまず無いので、一個一個確認してみましょう。

これだけ意識するだけで読み込めない!
ってイラつくのが減ると思います。


このエントリーをはてなブックマークに追加

コメント

"【jQuery】プログラム動かない時に確認すること"
でメシのタネのおすすめを検索したよ!

プログラミング備忘録 | メシのタネ