javascript - JQuery 脚本顺序错误？

Question

我有这个 jquery 脚本，它在 head 标签中不起作用。

<script type="text/javascript">
    $(window).load(function() {
        $( "#target" ).submit(function( event ) {
            alert( "Handler for .submit() called." );
            event.preventDefault();
        });
}
</script>

但是如果我将代码放在表单下方，它通常会起作用。

我想将其放入 .js 文件中。但仅当我包含在表单之后时，才在 head 标记中不起作用。

可以让这段代码在 head 标签中工作吗？

Answer 1

你应该像这样初始化 jQuery:

$(document).ready(function() {
    $( "#target" ).submit(function( event ) {
        alert( "Handler for .submit() called." );
        event.preventDefault();
    });
});