webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

jQuery を読み込む順番

  • 制作実習課題にjQueryなど、殆ど使わない予定だったのに、気が付くとどんどん増えていきます。
  • ファイルによっては(たとえばgooglemapsとか…)読み込む順番によってうまく動作しない、といったことも起こり始めます。
  • どのように整理するか基本的な考えかたをメモしておきます。
  • それは、ページを表示するのに必要なファイルは,.<head>に、そうでないファイルは</body>の直前に置く、ということです。
  • クリックすると…になる、というような動作のファイルはとにかく後ろです。
  • 関連する<script>はバラけないように近くに置きます。
  • さぁ、挙動が良くなるのでしょうか?様子を見てみます。
  • 整理する前

f:id:ohta-felica:20160704160128p:plain

  •  整理した後
  •  前半

f:id:ohta-felica:20160704162946p:plain

  •  後半

f:id:ohta-felica:20160704163049p:plain