メシのタネ

Webプログラミング 備忘録

  • DOMをPHPで操作できたらいいよね

    そうだよね。そう思うよね。JavaScriptでやると、画面がガタついたりするもんね。そうならないようにする方法もあるかもしれないけど、僕はできませんので、サーバー側でなんとかできたらええなぁと思って挑戦したけど、できませんでしたよ。PHP標準でHTMLをDOMにできるらしい今、技[...]

    続きを読む
  • 設計書ってなんで書くの?

    設計書をなぜ書くのかから始めてかれこれ3年近くこの禅問答をやっているわけですが、いまだに答えは出ません。ただ、その禅問答をやる中で設計書に対する取り組み方は大きく変わったので、その一部でも書いていきたい。基本設計はとにもかくにも必要だと思う設計書はいらぬ!という話をよく聞くし、自分[...]

    続きを読む
  • 書ききってやる。

    久々に書いてみる。久々に文章を書くということをやってみようと思う。伝える作業を観察したいと思ったからそうしたいと考えた。情緒的な文章は基本的にゴミ箱にぽいしてきましたが、情緒的なのも自分だと思う。「文章をかくという作業は、とりもなおさず自分と自分をとりまく事物との距離を確認すること[...]

    続きを読む
  • 普通の会社で2年普通に働いて思う事

    えらい寒くなりました。文句言いながらも現職を続けて2017年12月1日にめでたく2年がたちました。分かりやすいが乱暴に言えばITドカタと呼ばれる業界に入って案件のヒエラルキーの無慈悲さを痛感しながらも、それでもしょうがないと頑張る人たちに心を打たれながら「じゃあ俺も」と頑張れない自分に挫折して、とあ[...]

    続きを読む
  • jQueryUiのDatepicker利用時にminDate設定するとバグる件

    題名の通りなんですが、DatepickerでminDate使うとバグります。また後でキャプチャ見て貰いますけど、灰色の部分が、minDateで設定した日付が反復して出るようになるんですね。こういうの気が付かない人がいるかも知れませんが、ChoromeでminDate設定してる人は気にしてみてくだ[...]

    続きを読む

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

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

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

読み込みの順番が違う

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

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

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

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

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

おらん関数を呼ぶ

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

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

打ち間違いのチェック

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

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

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

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

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

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

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

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

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

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

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

関連記事