JavaScript运行时错误：’$’未定义 – 使用MVC 4

在我的_Layout.cshtml中,我有以下内容：

<!DOCTYPE html>
<html lang="en">
    <head>
        <Meta charset="utf-8" />
        <title>Intranet Ads</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <Meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
        <script type="text/javascript">
            function search() {
                var searchVal = $('#txtSearchString').val();
                $('#adResults #summary').each(function () {
                    if (searchVal == '') {
                        $(this).parent().show();
                    } else {
                        $(this).not(':contains(' + searchVal + ')').parent().hide();
                    }
                });
            }

        function openEditAd(val) {
            if (val != 'admin') {
                $("#edit-content,#edit-background").toggleClass("active");
                $("#txtConfirmationEdit").text = "";
            } else {
                $("#edit-content-admin,#edit-background-admin").toggleClass("active");
                $("#txtConfirmationEdit").text = "";
            }
        }

        function closeEditAd(permission) {
            if (permission != 'admin') {
                if ($("#txtConfirmationEdit").val().trim() != "") {
                    var url = '@Url.Action("Edit", new { id = "__id__" })';
                    window.location.href = url.replace('__id__', $("#txtConfirmationEdit").val());
                }

                $("#edit-content,#edit-background").toggleClass("active");
            } else {
                if ($("#txtConfirmationAdmin").val().trim() != "") {
                    var url = '@Url.Action("Edit", new { id = "__id__" })';
                    window.location.href = url.replace('__id__', $("#txtConfirmationAdmin").val());
                }

                $("#edit-content-admin,#edit-background-admin").toggleClass("active");
            }
        }

        $(document).ready(function () {
            // Handler for .ready() called.
            console.log("hi");
        });


    </script>
</head>
<body>
...
    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>

我刚补充说：

        $(document).ready(function () {
            // Handler for .ready() called.
            console.log("hi");
        });

最后,因为我正在尝试实现一个日期选择器,但我得到了

JavaScript runtime error: ‘$’ is undefined

正如你在我的其他函数中看到的,我正在使用jQuery命令……这是什么原因？

当我有这个时,我得到完全相同的错误：

$(document).ready(
    function () {
        $('.datepicker').datepicker({
            changeMonth: true,
            changeYear: true,
            minDate: "-99Y",
            dateFormat: "dd/mm/yyyy"
        });
    });

解决方法:

您必须首先将JQuery引用放在页面顶部.浏览器同步加载脚本标记,因此如果您在加载JQuery源之前尝试引用JQuery的$,那么您将收到“未定义”错误.

实际上,由于脚本标记会阻止页面的其余部分加载,因此最好将其他脚本标记放在JQuery引用下面的底部.这允许浏览器在加载脚本之前首先加载和显示页面标记. (这可以给人以更快的页面加载的印象.)

JavaScript运行时错误：’$’未定义 – 使用MVC 4

相关推荐