JavaScript runtime error: '$' ist nicht definiert - Verwendung von MVC 4

In meiner _Layout.cshtml habe ich Folgendes:

<!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>

Habe ich nur noch die:

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

So, ich bin zu versuchen, ein datepicker-aber ich bin immer der

JavaScript runtime error: '$' ist undefiniert

Wie Sie sehen können in meinen anderen Funktionen, die ich verwende jQuery-Befehle..., Was ist der Grund dafür?

War ich immer die exakt gleichen Fehler hatte, wenn ich dies in so gut:

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

InformationsquelleAutor webdad3 | 2013-09-20

5

Setzen Sie die JQuery-Referenz, an der Spitze der Seite. Browser laden von script-tags synchron, so dass, wenn Sie versuchen, Referenz JQuery $ vor dem laden der JQuery-Quelle, dann erhalten Sie eine "undefined" - Fehler.

Eigentlich, da die script-tags blockieren der rest der Seite geladen werden, könnte es besser sein, stattdessen legte Sie Ihre andere script-tags am unteren Rand, darunter die JQuery-Referenz. Dies ermöglicht dem browser zu laden, und zeigen Sie Ihre Seite markup zuerst, vor dem laden des scripts. (Dies kann Ihnen den Eindruck, eine schnellere laden der Seite.)

Wie kann ich das feststellen? Ich bin mit dem ASP MVC 4-Vorlage. Ich sehe nicht ein script-tag wie im normalen web-Seiten.
Gut, dann setzen Sie Ihr Skript nach @Scripts.Render("~/bundles/jquery") im Körper
hmmm... Das hat nicht funktioniert. Ich habe den gleichen Fehler. In dem Ausgabe-Fenster, ich sehe die folgenden: 0x800a139e - JavaScript runtime error: SyntaxError-Exception geworfen wurde an Linie 5303, Spalte 7, in localhost:6281/Scripts/jquery-1.8.2.js
Das JQuery-Skript wirft Fehlermeldung? Das ist ziemlich seltsam. Was passiert an Linie 5303?
Sie hatten Recht. Ich war einfach nicht sehen, was Sie redeten, bis heute! Vielen Dank für Eure Hilfe

InformationsquelleAutor McGarnagle
1

Ich Stand vor dem gleichen Problem. Öffnen Sie Views\Shared_Layout.cshtml und verschieben Sie das folgende Skript Registrierung die Sätze von der Unterseite des Körpers Sektion, um den head-Abschnitt:

@Scripts.Render("~/bundles/jquery")

@Scripts.Render("~/bundles/bootstrap")

InformationsquelleAutor lukiller

versuchen, verweisen auf diese direkt, dh:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css" rel="stylesheet" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

InformationsquelleAutor user2216667

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.