ここのこの質問によると: jQuery - multiple $(document).ready ...?
複数のドキュメント準備完了呼び出しがある場合、各呼び出しは順番に実行されます。しかし、私は自分のサイトの問題をたどり、複数の呼び出しがあり、2 つ目の呼び出しが機能しないというケースまでたどり着きました。
これを次の JSFiddle で再現しました: http://jsfiddle.net/h7q9Z/
そのまま、2 つのドキュメント準備完了ステートメントがあります。作成ボタンを押すと、フォームが送信されます。
http://jsfiddle.net/h7q9Z/1/のように、最初の Ready ステートメントを削除します。
作成をクリックすると、フォームの送信が妨げられます。
どうしてこれなの?
必要に応じてコピーされたコード: スクリプト:
jQuery(document).ready(function () {
});
});
$(function(e) {
$("#mainForm").submit(function (e) {
e.preventDefault();
return false;
});
});
HTML:
<form id="mainForm" action="nonExistantPage.asp" method="get">
Funky Thing:<input></input>
<button id="submitButton">Create</button>
</form>