JQUERYをはじめて導入したのですが、

質問

JQUERYをはじめて導入したのですが、
読込み部分の記述が間違っているのか
「$(document).ready(function(){」のところで一箇所エラーとなります。
「オブジェクトでサポートされてないプロパティまたはメソッドです」となります。

設定内容の、現状は下記です。
「validate」設定を実現したいためにjqueryを導入。
・JQUERYは現在の最新版のものを入手。
・読み込んだファイルは全く編集などはしてないもの。
・パスなどの記述は間違っていないようです。確実にファイルは存在しております。
・一応パーミッションも確認済みです。
・id"form-host"もformタグに設定しております。

<script type="text/javascript" src="/common/js/jquery.js"></script>
<script type="text/javascript" src="/common/js/jquery.validate.pack.js"></script>
<script type="text/javascript" src="/common/js/jquery.validate.js"></script> <script type="text/javascript" src="/common/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/common/js/jquery.validate.min.js"></script> <script type="text/javascript" src="/common/js/additional-methods.js"></script>
<script type="text/javascript" src="/common/js/messages_ja.js"></script>

<script type="text/javascript">
//入力チェック関数に対象フォームIDを指定
$(document).ready(function(){
$("#form-host").validate();
});
</script>

jsファイルの読込みの順序が違うのでしょうか、
不必要なjsファイルを読み込んでしまっている？為なのか；
validate関連を導入した事があるからいらっしゃれば、
ご教授願います。

回答No.2

askaaska · ベストアンサー

とりあえずJavaScriptファイルを全部指定するのはやめよ。
ブラウザが困っちゃうわ。

$が認識できているかどうかなら
とりあえず問題の3行はコメントアウトしておいて
alert($("#form-host").id);
を実行してみたらいいわ。
ポップアップでform-hostが出たら$が認識されているってことよ。

$が認識できていないというなら
考えられる原因は
・パスが間違っている
・ファイルが壊れている
の2つね

後者はともかくとして
パスの間違いは大いにありえるわ。
大文字小文字が間違っている
なんてこともない？

どんなに正しい正しいと思っていても
結局そこが間違えだった
なんてのは良くあることよ。

・・・
文字コード違い
なんてのも原因になるけど
そこは大丈夫かしら？

お礼

ありがとうございます。
解決はしましたがドル関数がうまく認識できていなかったようですね。

文字コードも、UTFで統一はしたのですが不駄目でしたので
あれやこれやと色々試行錯誤という感じで、
あげく最終的にファイルを沢山指定してしまいました。
現在は必要ファイルのみにしております。ありがとうございます。

validateは正常動作したのですが、
ドル関数の部分をちゃんと良く追ってみます。

回答No.3

x_lady007

jsファイルが重複しています。
同じファイルを複数読み込むことはあり得ません。

▼重複しているファイル 1
　jquery.validate.pack.js
　jquery.validate.js
　jquery.validate.min.js

▼重複しているファイル 2
　jquery.js
　jquery-1.4.2.min.js

jsのバージョンさえ合っていれば以下で動くと思います。
(jQueryは、1.4系では動かないと思いますので、1.3系をダウンロードして試してください)

-----------------------------
<script type="text/javascript" src="/common/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/common/js/jquery.validate.pack.js"></script>
<script type="text/javascript" src="/common/js/additional-methods.js"></script>
<script type="text/javascript" src="/common/js/messages_ja.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("#form-host").validate();
});
</script>
-----------------------------

お礼

読み込みの問題ではありませんでした。
仕方ないですが、＄をJqueryと書き換えて対応しました。
＄関数の問題でした。

動作はしましたが
ドル関数については、もう一度イチか勉強します。

回答No.1

askaaska

ぱっと見、スクリプトは
間違っているようには見えないわね。
読み込んでいるjsが間違っているけど。
jqueryのjsがやたら記述されているのは何か意図があるのかしら。
必要最小の構成で試してみるべきね。
関係ないJavaScriptファイルをはずしてみたら？
それらが邪魔をしている可能性はゼロではないわよ。

ほかに疑うべきは
・パスなどの記述は間違っていないようです。確実にファイルは存在しております。
・id"form-host"もformタグに設定しております。
ここね。

あまりいい気分はしないと思うけど
実物を見ていない私としては疑ってかかるしかないのよ。

補足

ありがとうございます。
疑うべき部分は、昨日から数十回も確認しているので
間違っていないと思います。
最近はファイル属性からのブロックなどされることもあるようなので
その辺も疑ってみましたが、やはりそこは大丈夫なようです。

自身の判断としては、
おそらくドル関数が認識できていないのではと思っています。
結局、Jqueryが呼び込めてない為でしょうけれど。

jsガ多いのは初めは、下記サイトを参考に
messege_ja.jsと2ファイルしか読みこんでなかったのですが、
同様のエラーだった為、大雑把な方法ですが、
最新版のjqueryのZipにあるファイルを全て読み込んでみた次第です。
http://www.goodpic.com/mt/archives2/2008/06/jqueryjqueryval.html