今日も同じ問題が発生しました。私の状況は次のようなものでした:
.html ファイル:
<head>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
</head>
<body>
<div class="lc-form-holder">
<form action="#" method="post">
[...]
<span onclick="myFunction();">NEXT</span>
</form>
</div>
</body>
および .js ファイル:
$(document).ready(function() {
function myFunction() {
console.log('click click');
}
});
をクリックする<span>
と、エラーが発生しましUncaught ReferenceError: myFuncion is not defined
た。
しかし、これを .js ファイルで行うと (いいえdocument.ready
):
function myFunction() {
console.log('click click');
}
すべてがうまく機能します。
これが役立つかどうかはわかりませんが、将来誰かがこの質問をチェックしたら共有したいと思います。