如何在MVC 5_布局页面中加载外部Javascript文件
我希望能够在mvc 5布局页面中调用外部js文件,我在google上做了一些研究,但没有成功,下面是我在布局标题部分的代码:如何在MVC 5_布局页面中加载外部Javascript文件,javascript,asp.net-mvc,Javascript,Asp.net Mvc,我希望能够在mvc 5布局页面中调用外部js文件,我在google上做了一些研究,但没有成功,下面是我在布局标题部分的代码: <!-- start: MAIN JAVASCRIPTS --> <!--[if lt IE 9]> <script src="~/assets/plugins/respond.min.js"></script> <script src="~/assets/plugins/exc
<!-- start: MAIN JAVASCRIPTS -->
<!--[if lt IE 9]>
<script src="~/assets/plugins/respond.min.js"></script>
<script src="~/assets/plugins/excanvas.min.js"></script>
<script type="text/javascript" src="~/assets/plugins/jQuery-lib/1.10.2/jquery.min.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script type="text/javascript" src="@Url.Content("~/assets/plugins/jQuery-lib/2.0.3/jquery.min.js")"></script>
<!--<![endif]-->
<script type="text/javascript" src="@Url.Content("~/assets/plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/plugins/bootstrap/js/bootstrap.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/plugins/blockUI/jquery.blockUI.js")"></script>
<script type="text/javascript" src="@Url.Content("~/assets/plugins/iCheck/jquery.icheck.min.js")"></script>
<!-- end: MAIN JAVASCRIPTS -->
<script>
jQuery(document).ready(function () {
Main.init();
Index.init();
});
</script>
@RenderSection("JavaScript", required : false)
@RenderSection("CSS", required : false)
我认为:
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/assets/plugins")
@RenderSection("Scripts", required : false)
@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 -->
}
@节JavaScript
{
}
如果有人能帮我提出建议,我将不胜感激。谢谢就像在普通HTML中一样:
<script type="text/javascript" src="http://link-to-external-javascript-file.js"></script>
移动
@Scripts.Render("~/bundles/jquery")
在其依赖项之前删除
i、 e
需要JQuery.js
但你会在之后加载它。因此,将JQuery的include移到需要它的脚本之上,将解决这个问题
请将此应用于所有脚本及其依赖项u可以使用requirejs获得更具体的应用程序,但它不是一个绝对链接,我尝试了类似的方法来引用相对链接,但似乎不起作用。抱歉,我误解了你的问题。在执行此操作之前,我是否需要在bundle文件中注册我所有的js文件和路径?非常感谢,这解决了问题,我花了很多天试图解决问题,再次感谢你节省了我的时间。@UwakMfon NP,我可以看出这就是问题所在,真希望我有更多的精力写/解释得更好,很高兴你读了…,并且明白了我的意思。
<script type="text/javascript" src="@Url.Content("~/assets/plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js")"></script>