jQuery を外部ファイルから呼び出す

Question

フォームのテキストエリア（id="kazu"）に入力された文字を全角から半角に変換する
下記のような jQuery のコード（※1）があるのですが、
これをJavascriptのように外部ファイルから動作させる方法はあるでしょうか？

inputの記述は、<input type="text" size="2" name="kazu" value="1" id="kazu">　です。

各ページ毎に jQuery のコード（※1）を記述し、input にID(kazu)を設定すると正常に動作するのですが、各ページにjQuery （※1）を記述せず、ヘッダ内で、次のように外部から呼び出してみたのの何の変化も起こりません。。。
<script type="text/javascript" src="../form.js"></script>

※1階層上にform.jsがあります。
※form.jsの内容は、（※1）のコードのみが書かれています。

（※1）
-----------------------------------------------------------
<script>
$(function(){
$("#kazu, #hoge").change(function(){
var str = $(this).val();
str = str.replace( /[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]/g, function(s) {
return String.fromCharCode(s.charCodeAt(0) - 65248);
});
$(this).val(str);
}).change();
});
</script>
------------------------------------------------------------

以上、何卒よろしくお願い申し上げます。

fujillin · Accepted Answer

こんにちは

一番多そうなものをいくつか・・・

1）外部ファイル（form.js及びjQuery）がきちんと読み込めていない
　アドレスが違っているなど
2）読み込み順が悪い
　form.jsの前にjQueryを読み込んでいない
3）ひょっとしてだけど…
　form.jsのファイル内に<script>タグも記述されている

あたりが、怪しいのではないかと・・・

naktak · Answer

> の上でこれ書いてみたらいかがですか。内に書いていたりして、まだDOM要素が出来上がっていないのにJSを読み込むから、イベントハンドラを設定できていないのではないでしょうか。これ自体はjQueryではありません。jQueryを利用したjsスクリプトです。ですから、当然ですが、内にはjQueryを読み込むタグが必要になります。

jQuery を外部ファイルから呼び出す

こんにちは

> <script type="text/javascript" src="../form.js"></script>

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング