jquery - 多个文档就绪呼叫 - 不工作

Question

根据这里的这个问题： jQuery - multiple $(document).ready ...?

当有多个文档就绪调用时，每个调用将依次运行。但是，我刚刚在我的网站上关注了一个问题，直到我有多个呼叫而第二个呼叫不起作用。

我在下面的 JSFiddle 中复制了这个：http: //jsfiddle.net/h7q9Z/

就像有两个文档就绪语句一样。如果您点击创建按钮，则提交表单。

像这样删除第一个准备好的语句 http://jsfiddle.net/h7q9Z/1/

并点击创建并阻止表单提交。

为什么是这样？

根据需要复制的代码： 脚本：

            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>

Answer 1

删除第二个});，您的代码将编译。

       jQuery(document).ready(function () {

        });

    });