Question

我希望能够在mvc 5 _layout页面中调用外部js文件，我已经对google进行了一些研究，但没有成功，下面是我在_Layout Head部分的代码：

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

然后在_Layout页面的底部我有这个：

@section JavaScript
{

<!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
<script type="text/javascript" src="@Url.Content("~/assets/plugins/flot/jquery.flot.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/plugins/flot/jquery.flot.pie.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/plugins/flot/jquery.flot.resize.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/plugins/jquery.sparkline/jquery.sparkline.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/plugins/jquery-easy-pie-chart/jquery.easy-pie-chart.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/plugins/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/plugins/fullcalendar/fullcalendar/fullcalendar.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/js/index.js")">

</script>
<!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
}

在视图中，我有这个：

{{1}}

我会感激我有人可以协助建议做什么。感谢

Answer 1

移动

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

之前的依赖

即

<script type="text/javascript" src="@Url.Content("~/assets/plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js")"></script>

需要JQuery.js

但你之后加载它。因此，将JQuery的包含移到需要它的脚本之上，将解决这个问题。

请将此应用于所有脚本及其依赖项

Answer 2

就像普通的HTML一样：

<script type="text/javascript" src="http://link-to-external-javascript-file.js"></script>

如何在MVC 5 _Layout页面中加载外部Javascript文件

2 个答案: