jQueryフォーム送信イベントが動作しない

フォーム送信イベントに関するjquery.comからのチュートリアルをすべてのステップで実行していたため、何が問題なのか分かりません。jQueryフォーム送信イベントが動作しない

マイページjavacript：

[Ofc。最新のjQueryライブラリが含まれています]。

<script type="text/javascript"> 
$("form#addFav").submit(function(event) { event.preventDefault(); alert("hello"); }); 
</script>

も$(document).ready()イベントで試してみました：ここ

$(document).ready(function(){ 
$("form#addFav").submit(function(event) { event.preventDefault(); alert("hello"); }); 
});

は私のHTMLフォームのコードです：javascriptのコードの上については、

<form action="" id="addFav"> 
    <input type="text" name="name" class="thin-d"/> 
    <input type="submit" value="Send"/> 
</form>

だから、動作するようになっています（つまり、デフォルトのアクション（フォームの送信）を防ぎ、アラートを送信する必要がありますが、すべて動作しません。何千もの組み合わせで試してみましたが、失敗しました。だから私はあなたの解決策を待っている。私はすべての人に感謝します。

2012-04-14 Lucas

what you have just worksのように、構文エラーがあるか、そのようなものがあるようです。

JSエラーはありませんか？

P.S.私は、イベントを添付しようとする前に要素がDOM内にあることを保証するために、後者のコードを使用します。同じ問題を抱えているし、まだこの問題を解決するために苦労して他の誰のために

2012-04-14 12:05:19 PeeHaa

ありがとうございました。私はこのフォームを隠しdiv（モーダルjQueryボックス用）の内部で使用していましたが、スクリプトが別の方法でロードされていないため、divタグの内部にコードを移動するだけです。今それは動作します！ありがとうございました。 – Lucas

、あなたはは違法IDを再利用し、独自の何かにフォームIDを変更してみてください持っているかどうかを確認してみてください。

私は誤って2つの異なるDOM要素にIDを与えていました。イベントはそれぞれのIDを持つ最初の要素にバインドされていました。これで私は長い間静かに髪を引っ張っていました。

2014-06-14 10:17:38

長い名前を使用してください。 –

答えて