Verwendung von jquery in ASP .NET Core [duplizieren]
Ich habe eine ASP.NET-Core-Vorlage erstellt und ein jquery-Skript geschrieben. Wenn ich auf die Seite schaue, sehe ich, dass jquery in die Seite geladen wird, aber das Skript läuft nicht. Ich schaute auf die ASP.NET Docs Seite und meine Layout.cshtml sieht gleich aus, gibt es also zusätzliche Schritte, die ich ergreifen muss, um Jquery arbeiten zu lassen?
Startseite
Lösung
%Vor%2 Antworten
Ich vermute, dass Ihre jquery nach dem Rest des Seiteninhalts geladen wird.
Dies bedeutet, dass Sie keine jquery-Objekte referenzieren können, da die Bibliothek noch nicht initialisiert wurde.
Verschieben Sie das Seitenskript, nachdem jquery geladen wurde.
%Vor%Aus Effizienzgründen empfehle ich Ihnen, dies auf zwei Arten zu tun:
OPTION 1
Verwenden Sie eine Master-Skriptdatei, die nach jquery geladen wird.
%Vor%OPTION 2
Verwenden Sie eine Platzhaltervorlage, die immer nach jQuery geladen wird, aber auf einzelnen Seiten initialisiert werden kann.
Masterseite
%Vor%Inhaltsseite
%Vor%FÜR KLARSTELLUNG
Wenn Sie jQuery auf Ihrer _Layout Seite referenzieren, überprüfen Sie, ob sich diese Referenz auf der Seite TOP Ihrer _Layout Seite befindet, denn wenn sie ganz unten ist, dann alle andere Seite, die Sie verwenden, die _Layout und hat jQuery, wird es Ihnen Fehler geben wie:
$ ist undefiniert
, weil Sie versuchen, jQuery zu verwenden, bevor es jemals definiert wurde!
Wenn Sie jQuery auf Ihrer _Layout Seite referenzieren, müssen Sie nicht erneut auf Ihre Seiten verweisen, die Ihren _Layout style verwenden
Stellen Sie sicher, dass Sie den Verweis auf jQuery laden, bevor Sie <scripts> verwenden.
Ihr cshtml sollte funktionieren, wenn Sie den Verweis über Ihr Skript setzen:
%Vor%Tags und Links asp.net-mvc c# jquery asp.net asp.net-core