c# - レイアウトで定義されたページで jquery が機能しない理由

Question

レイアウトがあり、 css jquery などrazorをロードします。 コントローラー アクション ビューを追加するときに、レイアウトを次のように設定 します。ただし、jquery はそのページでは機能しません。 したがって、各ビューに追加する必要があります。 インポートされた jquery が から継承されないのはなぜですか? それは正常ですか？
_Layout.cshtml

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

Answer 1

これは、_Layout.cshtml の下部にあるはずです。

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

これはあなたの子ビューにあるはずです：

@section scripts {
    @Scripts.Render("~/scripts/jquery.infinitescroll.js") // Or some other script
}

子ビュー内のすべてのスクリプト (jquery を参照する) は、ページの本文ではなく、スクリプト セクションに配置する必要があります。これには、jquery を利用したいスクリプト タグも含まれます。たとえば、私のページの 1 つには次のようなものがあります。

@section scripts {
    @Scripts.Render("https://maps.googleapis.com/maps/api/js?key=&sensor=false")
    <script src="~/scripts/google-maps-3-vs-1-0.js"></script>
    <script>
        Stuff here
    </script>
}