为什么Asp.Net MVC 5看跌@ Scripts.Render在_Layout.cshtml底部（QUOT;〜/捆绑/ jQuery和QUOT）？ [英] Why Asp.Net MVC 5 put @Scripts.Render("~/bundles/jquery") at the bottom in _Layout.cshtml?

问题描述

我把＆LT;脚本＆GT;其中一个（也是唯一一个）CSHTML文件的主体，它使用的模板，它们会导致错误，因为jQuery是不使用jQuery 块没有加载。

什么是放 @ Scripts.Render点（〜/包/ jQuery的）在_Layout.cshtml底部文件？

底部的 _Layout.cshtml 。

  @RenderBody（）
    ＆LT;小时/＆GT;
    ＆LT;页脚GT＆;
    ＆LT; /页脚＆GT;
＆LT; / DIV＆GT;    @ Scripts.Render（〜/包/ jQuery的）
    @ Scripts.Render（〜/包/引导）
    @RenderSection（脚本，必需：false）
＆LT; /身体GT;
＆LT; / HTML＆GT;
 

下面显示了CSHTML文件生成的源。

 ＆LT;脚本＆GT;
    $（文件）。就绪（函数（）{/// $没有定义。
        // .....
    }）;
＆LT; / SCRIPT＆GT;    ＆LT;小时/＆GT;
    ＆LT;页脚GT＆;
    ＆LT; /页脚＆GT;
＆LT; / DIV＆GT;＆LT;脚本的src =/脚本/ jQuery的-1.10.2.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =/脚本/ bootstrap.js＆GT;＆LT; / SCRIPT＆GT;
 

解决方案

您可以使用部分：

在您的布局：

  ...
＆LT;脚本的src =/脚本/ jQuery的-1.10.2.js＆GT;＆LT; / SCRIPT＆GT;
＆LT;脚本的src =/脚本/ bootstrap.js＆GT;＆LT; / SCRIPT＆GT;
@RenderSection（脚本，必需：false）
...
 

在你CSHTML：

  @section脚本{
    ＆LT;脚本＆GT;
        $（文件）。就绪（函数（）{/// $没有定义。
            // .....
        }）;
    ＆LT; / SCRIPT＆GT;
}
 

I put <script> blocks which use jQuery in the body of one (and only one) cshtml file which uses the template and they causes error because jQuery is not loaded yet.

What's the point to put the @Scripts.Render("~/bundles/jquery") at the bottom of _Layout.cshtml file?

The bottom of the _Layout.cshtml.

    @RenderBody()
    <hr />
    <footer>
    </footer>
</div>

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

The following shows the generated source of the cshtml file.

<script>
    $(document).ready(function () { /// $ not defined.
        // .....
    });
</script>

    <hr />
    <footer>
    </footer>
</div>

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

解决方案

You can use sections :

in your layout :

...
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>
@RenderSection("scripts", required: false)
...

in yours cshtml :

@section scripts {
    <script>
        $(document).ready(function () { /// $ not defined.
            // .....
        });
    </script>
}

这篇关于为什么Asp.Net MVC 5看跌@ Scripts.Render在_Layout.cshtml底部（QUOT;〜/捆绑/ jQuery和QUOT）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！