jQueryの読み込みのタイミングは、プログラムを組んでいく上でとても重要なものです。
順番を間違えるとその処理が動かなかったりするので、しっかりとした定義をして処理を実行させましょう。
目次
ページの読み込みが開始されたとき
|
1 2 3 |
$(document).ready(function () { //ここに処理の内容 }); |
ページのファイル等が呼び込み終了したあと
|
1 2 3 |
$(window).on('load',function(){ //ここに処理の内容 }); |
ウインドウのサイズが変更されたとき
|
1 2 3 |
$(window).resize(function () { //ここに処理の内容 }); |
要素をマウスオーバー、アウトしたとき
|
1 2 3 4 5 |
$("要素").mouseenter(function(){ //ここにオーバーした時の処理の内容 }).mouseleave(function(){ //ここにアウトした時の処理の内容 }); |
スクロールしたとき
|
1 2 3 |
$(window).scroll(function () { //ここに処理の内容 }); |
要素をクリックしたとき
|
1 2 3 |
$("要素").click(function(){ //ここに処理の内容 }); |
他にも処理のタイミングの定義はたくさんあると思いますので、
今後ここにも追記していくと思います。
参考にどうぞ。