MVC5 Pourquoi @Scripts.Le rendu ci-dessous @RenderBody dans la norme _Layout.cshtml

Quand je générer un MVC5 application, la _Layout.cshtml a la @Scripts.Render à la fin du fichier après le @RenderBody(). Si j'ajoute un .js dans mon index.cshtml qui utilise jquery, j'ai le redoutable "$ est pas défini" erreur.

Le seul moyen que je connaisse pour résoudre ce problème est de déplacer le @Scripts.Render à la <head> section.

Quelle est la bonne approche?

Merci d'avance!

OriginalL'auteur Michael Witt | 2014-05-20

  1. 13

    @Scripts.Render devrait être au bas de la page. Sinon, vous devrez les risques de l'accès à des éléments de la page qui n'a pas été chargé au moment de l'exécution des scripts.

    EDIT:

    Si vous souhaitez inclure vos scripts personnalisés des fichiers, il y a deux manières de le faire:

    1. Dans le BundleConfig.cs, ajouter un nouveau bundle pour vos scripts

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

    Prochain, dans le _Layout.cshtml, de rendre le script ensemble après jQuery bundle:

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

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

    2. Ou ajouter une nouvelle section de script à votre Index.cshtml fichier:

    @section scripts {

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

}
    Droit, j'étais pratiquement sûr que c'était. Mais le javascript que j'ai mis au fond de mon index.cshtml: <script src="@Url.Contenu("~/Scripts/bpindex.js")" type="text/javascript"></script> Puisqu'il a besoin pour arriver avant le jquery, js fichiers, comment est-ce possible si le fichier js que je suis en ajoutant avant de jquery?
    Veuillez voir ma version modifiée
    Merci @ToanNguyen, votre réponse ne fonctionnent tout aussi bien.

    OriginalL'auteur Toan Nguyen