javascript - “$”在 Web 表单内容页面底部的脚本中未定义

Question

我在以下 jquery 脚本中遇到上述错误:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
...

<script>
    $(document).ready(function () {
        $('#custSubmit').submit(function () {
            var user = {
                email: $('#custEmail').val(),
                password: $('#custPassword').val()
            };
            $.post("http://blahblahblah", user, function (data, status) {
                alert("Data: " + data + "\nStatus: " + status);
            });
            $('#custEmail').val('');
            $('#custPassword').val('');
        });
    });
</script>
</asp:Content>

我盯着它看了一分钟，我的 jquery 有点弱。我所有其他的 jquery 似乎都正常工作。有人可以帮我看看我错过了什么吗？提前致谢。

Answer 1

在 HTML 文档中，脚本按遇到它们的顺序运行。如果你的<script>包含 jQuery 的标记出现在 body 标记结束之前，但此内容包含在此之前，然后 jQuery(和 $ )在评估此脚本标记时将不可用。

要么将对 jQuery 的调用移到正文中更高的位置，要么重新考虑定义脚本依赖项的方式，以便在加载之前不包含依赖于 jQuery 的项目。