为什么Asp.Net MVC5在_Layout.cshtml中把@Scripts.Render("~/bundles/jquery")放在底部？
为什么Asp.Net MVC5在_Layout.cshtml中把@Scripts.Render("~/bundles/jquery")放在底部？
提问于 2014-08-23 13:19:07
我将使用jQuery的<script>块放在一个(并且只有一个)使用该模板的cshtml文件的主体中，它们会导致错误，因为jQuery还没有加载。
将@Scripts.Render("~/bundles/jquery")放在_Layout.cshtml文件的底部有什么意义？
_Layout.cshtml的底部。
@RenderBody()
<hr />
<footer>
</footer>
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
</body>
</html>下面显示了生成的cshtml文件的源代码。
<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>回答 4
Stack Overflow用户
回答已采纳
发布于 2014-08-23 13:27:05
可以使用sections：
在您的布局中：
...
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>
@RenderSection("scripts", required: false)
...在您的cshtml中：
@section scripts {
<script>
$(document).ready(function () { /// $ not defined.
// .....
});
</script>
}Stack Overflow用户
发布于 2014-08-23 13:26:31
只需将其封装在.cshtml页面的section scripts中即可，如下所示。
@section scripts{
<script>
$(document).ready(function () {
// .....
});
</script>
}Stack Overflow用户
发布于 2014-08-23 13:22:52
最佳实践是在每个可能的HTML元素之后加载您的javascript文件。
知道了这一点，我会在加载所有lib之后放置你的文档就绪处理程序。
<hr />
<footer>
</footer>
</div>
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script>
$(document).ready(function () { /// $ not defined.
// .....
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25458717
复制相关文章
相似问题