In MVC5, Warum ist die Platzierung @Scripts.Render unten @RenderBody standard in der _Layout.cshtml

Wenn ich generieren MVC5-app, die _Layout.cshtml hat die @Scripts.Render am Ende der Datei nach der @RenderBody(). Wenn ich einen .js in meine index.cshtml dass jquery verwendet bekomme ich die gefürchtete "$ ist nicht definiert" - Fehler.

Ich weiß nur einen Weg um dies zu beheben, bewegen Sie den @Scripts.Render zu den <head> Abschnitt.

Was ist der richtige Ansatz?

Vielen Dank im Voraus!

InformationsquelleAutor Michael Witt | 2014-05-20
  1. 14

    @Scripts.Render sollte an der unten der Seite. Andernfalls müssen Sie die Risiken der Zugriff auf die Elemente der Seite, welche noch nicht geladen wurden, zu der Zeit die Skripts ausgeführt werden.

    EDIT:

    Wenn Sie möchten, um Ihre benutzerdefinierte Skripts, Dateien, gibt es zwei Möglichkeiten, dies zu tun:

    1. In der BundleConfig.cs, fügen Sie ein neues bundle für Ihre Skripte

     *bundles.Add(new ScriptBundle("~/bundles/UserScripts").Include("~/Scripts/MyScripts.js"));*

    Nächsten, in der _Layout.cshtml, machen die Skript-bundle nach der jQuery-bundle:

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

    @* Render the custom bundles *@
    @Scripts.Render("~/bundles/UserScripts")

    2. Oder fügen Sie eine neue Skript-Abschnitt zu deinem Index.cshtml Datei:

    @section scripts {

    <script src="~/Scripts/MyScripts.js"></script>**

}
    • Recht, ich war ziemlich sicher, dass das so war. Aber das javascript, dass ich unten auf dem index.cshtml: <script src="@Url.Content("~/Scripts/bpindex.js")" type="text/javascript"></script> Da diese Bedürfnisse kommen, bevor Sie die jquery js-Datei, wie geschieht dies, wenn die js-Datei, die ich hinzufüge, ist vor jquery gehören?
    • Bitte siehe meine bearbeitete version
    • Danke @ToanNguyen, deine Antwort funktioniert einwandfrei.
    InformationsquelleAutor Toan Nguyen
Schreibe einen Kommentar