Comment insérer le code jQuery? ReferenceError non interceptée: $ n'est pas défini dans le code du rasoir de la vue

J'ai le texte suivant Asp.Net MVC 4 rasoir de code à la fin du fichier.

....
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

<script type="text/javascript">
    $('#Address_State').val('MA');
</script>
//////End of file

Cependant, il a généré le code html suivant. Et il soulève erreur à la ligne $('#Address_State').val('MA');. Le message d'erreur est Uncaught ReferenceError: $ is not defined. Comment insérer jQuery code dans le fichier de rasoir?

.....
<script type="text/javascript">
    $('#Address_State').val('MA'); //Uncaught ReferenceError: $ is not defined
</script>
            </section>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; 2013 - Paperspeed</p>
                </div>
            </div>
        </footer>

        <script src="/Scripts/jquery-1.9.1.js"></script>


    <script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>


    </body>
</html>

Mise à jour:

Voici les quatre dernières lignes de _Layout.cshtml.

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

source d'informationauteur ca9163d9

  1. 23

    Vous devez inclure JQuery avant de l'utiliser.

    Un bon moyen d'y parvenir est à votre disposition principale inclure votre besoin de scripts dans la tête. Ou placez une option de la section (à la tête) où vous pouvez conditionnellement inclure des scripts

    D'abord nécessaire de créer un bundle pour vos scripts jquery vous souhaitez sur chaque page:

    public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new ScriptBundle("~/js/required").Include(
        "~/Scripts/jquery-2.0.2.js"));

    //other bundles
}

    Ensuite créer un modèle de site:

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Title</title>
    @Styles.Render("~/css/required")
    @RenderSection("head", false) //For css on a page by page basis
</head>
<body>
    @RenderBody()
    @Scripts.Render("~/js/required") //Here add your jquery include
    @RenderSection("scripts", false) //Here you add scripts at the bottom of the page
</body>
</html>

    Ensuite utiliser ce fichier de rasoir comme la présentation de la base pour tous les autres dérivés de rasoir vues comme ceci:

    @{
    ViewBag.Layout = "~/Views/Shared/_MasterLayout.cshtml";
}

@section head {
     //Any css you want to add
}

<p>Some html content</p>

@section scripts {
    //scripts you want to include at the bottom on a page by page basis
}
  2. 10

    Déplacer les lignes de code suivantes à la partie supérieure de votre _Layout.cshtml vue à l'intérieur de la balise body. Ensuite, les scripts jQuery se charge en premier.

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

    Votre Script est appelé avant que le jquery est même chargé de sorte qu'il ne sait pas ce qu' $ moyens. Essayer d'avoir les scripts jquery est chargé dans la section en-tête de votre fichier de mise en page.

  4. 0

    jquery ajouter, c'est après le rendu du corps? vous déplacez les suivantes
    "

    @Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)

    "
    les lignes de tags

    comme ceci
    "

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

    "