連絡先フォームの読み込みエラーのデバッグ

Question

私は自分のサイトでReusableformsから取得した連絡フォームを実装しようとしています。

デモページhttp://aprehende.pe/demo/formpage.htmlで完璧に動作しますが、私のサイトhttp://aprehende.pe/demo/index.htmlで動作させようとすると、リロードしてメッセージを送信しませんでした。

ブートストラップ、jquery、またはcssと競合している可能性があります。私は自分のコードを見て、私は間違いを見つけることができません。

何が問題なのですか？

Answer 1

jQueryの読み込みに問題があります。 Chromeコンソールを開くと、エラーメッセージUncaught ReferenceError: $ is not definedが表示されます。

index.htmlのソースコードを確認したところ、がjQuery.jsより先に読み込まれています。 index.htmlで

からの変更点：へ

<script src="form.js"></script>  
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

：

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="form.js"></script>