Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在MVC 5_布局页面中加载外部Javascript文件_Javascript_Asp.net Mvc - Fatal编程技术网

如何在MVC 5_布局页面中加载外部Javascript文件

如何在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

我希望能够在mvc 5布局页面中调用外部js文件,我在google上做了一些研究,但没有成功,下面是我在布局标题部分的代码:

<!-- 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>