堆栈内存溢出
  简体   繁体   English

如何在mvc 5上使用cdn javascript文件

[英]how to use cdn javascript files on mvc 5

 原文  2015-11-13 12:23:26  0   1    javascript/ c#/ asp.net-mvc/ html5

问题描述

I am using a template i bought from themeforest in my mvc 5 application, everthing is working fine except whenever i want to include some external javascript files that didnt come with the template, then the javascript would not see the javascript that came with the template anymore! 我正在使用我在mvc 5应用程序中从themeforest购买的模板，everthing工作正常，除非我想包含一些未附带模板的外部javascript文件，然后javascript将不会再看到模板附带的javascript ！ below is my code: 下面是我的代码：

BundleConfig.cs: BundleConfig.cs： 

 public static void RegisterBundles(BundleCollection bundles)
    {

        bundles.Add(new ScriptBundle("~/bundles/Javascript",
                       @"//code.jquery.com/jquery-1.10.2.js"
                       ).Include(
                        "~/Scripts/jquery-{version}.js"));
        bundles.Add(new ScriptBundle("~/bundles/Javascript",
                       @"//code.jquery.com/ui/1.11.4/jquery-ui.js"
                       ).Include(
                        "~/Scripts/jquery-{version}.js"));
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-{version}.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                    "~/Scripts/jquery.validate*"));

        // Use the development version of Modernizr to develop with and learn from. Then, when you're
        // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/respond.js"));

        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css"));
        bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
            "~/Scripts/jquery-ui-{version}.js"));

        bundles.Add(new StyleBundle("~/Content/jqueryui").Include(
            "~/Content/themes/base/all.css"));          

        bundles.Add(new ScriptBundle("~/bundles/Javascript").Include(
            "~/DataTables-1.10.10/media/js/jquery.js",
            "~//code.jquery.com/jquery-1.10.2.js",
            "~/DataTables-1.10.10/media/js/jquery.js",
            "~/DataTables-1.10.10/media/js/jquery.dataTables.js"));

        bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
            "~/Content/themes/base/accordion.css",
            "~/Content/themes/base/all.css",               
            "~/Content/themes/base/base.css",                
            "~/Content/themes/base/datepicker.css",
            "~/Content/themes/base/dialog.css",               
            "~/Content/themes/base/tabs.css",               
            "~/Content/themes/base/tooltip.css"));

        BundleTable.EnableOptimizations = true;
        bundles.UseCdn = true;
    }

_Layout.schtml: _Layout.schtml： 

 <head>
    <title>Farm Management System</title>
    <!-- start: META -->
    <meta charset="utf-8" />
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- end: META -->


    @Styles.Render("~/Content/css")
   @Styles.Render("~/Content/jqueryui")
    @Styles.Render("~/Content/themes/base/css")




    @Scripts.Render("~/bundles/jquery")
   @Scripts.Render("~/bundles/bootstrap")
    @Scripts.Render("~/bundles/jqueryui")
    @Scripts.Render("~/bundles/JavaScript")
    @Scripts.Render("~/bundles/modernizr")

    <script type="text/javascript">
        $(function() {
            $(".jqueryui-marker-datepicker").datepicker({
                dateFormat: "dd/mm/yy",
                changeYear: true,
                showOn: "button"
            }).css("display", "inline-block")
                .next("button").button({
                    icons: { primary: "ui-icon-calendar" },
                    label: "Select a date",
                    text: false
                });
        });
    </script>



    @RenderSection("Scripts", required : false)



    <!-- start: MAIN CSS -->

    <link rel="stylesheet" href="~/assets/plugins/bootstrap/css/bootstrap.min.css" type="text/css" />
    <link rel="stylesheet" href="~/assets/plugins/font-awesome/css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="~/assets/fonts/style.css" type="text/css" />
    <link rel="stylesheet" href="~/assets/css/main.css" type="text/css" />
    <link rel="stylesheet" href="~/assets/css/main-responsive.css" type="text/css" />
    <link rel="stylesheet" href="~/assets/plugins/iCheck/skins/all.css" type="text/css" />
    <link rel="stylesheet" href="~/assets/plugins/bootstrap-colorpalette/css/bootstrap-colorpalette.css" type="text/css" />
    <link rel="stylesheet" href="~/assets/plugins/perfect-scrollbar/src/perfect-scrollbar.css" type="text/css" />
    <link rel="stylesheet" href="~/assets/css/theme_light.css" type="text/css" id="skin_color"/>
    <link rel="stylesheet" href="~/assets/css/print.css" type="text/css" media="print" />



    <!--[if IE 7]>
        <link rel="stylesheet" href="~/assets/plugins/font-awesome/css/font-awesome-ie7.min.css">
    <![endif]-->
    <!-- end: MAIN CSS -->

    <link rel="shortcut icon" href="favicon.ico" />


    <!-- 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>
    <script type="text/javascript" src="@Url.Content("~/assets/plugins/perfect-scrollbar/src/jquery.mousewheel.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/assets/plugins/perfect-scrollbar/src/perfect-scrollbar.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/assets/plugins/less/less-1.5.0.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/assets/plugins/jquery-cookie/jquery.cookie.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/assets/plugins/bootstrap-colorpalette/js/bootstrap-colorpalette.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/assets/js/main.js")"></script>


    <!-- end: MAIN JAVASCRIPTS -->

    <script>
        jQuery(document).ready(function () {
            Main.init();
            Index.init();
            FormElements.init();
            FormValidator.init();
            UIButtons.init();
            //TableData.init();
        });
    </script>


    @RenderSection("CSS", required : false)
    @RenderSection("JavaScript", required : false)



</head>

Content.cshtml: Content.cshtml： 

@section JavaScript
{
    <!-- start: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script>
        $(function () {
            $("#tabs").tabs().addClass("ui-tabs-vertical ui-helper-clearfix");
            $("#tabs li").removeClass("ui-corner-top").addClass("ui-corner-left");
        });
    </script>
    <!-- end: JAVASCRIPTS REQUIRED FOR THIS PAGE ONLY -->
}

@section CSS
     {
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes /smoothness/jquery-ui.css">
}

Now on this page, the side menu and menu bar items from _Layout Page no longer working, please, i will appreciate if anyone could show me how to do it right. 现在在这个页面上，来自_Layout Page的侧边菜单和菜单栏项目不再有效，如果有人能告诉我如何正确操作，我将不胜感激。

1 个解决方案

解决方案1
 0  2015-11-13 13:22:48

~/bundles/Javascript is declared three times. ~/bundles/Javascript被声明三次。 I'm not sure of the order of ops in terms of whether first or last defined wins, but you're only going to get one. 我不确定操作的顺序，无论是第一个还是最后一个定义的胜利，但你只会得到一个。 Each of your bundle declarations should have a unique name. 每个捆绑包声明都应具有唯一的名称。

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在 React 中使用 CDN javascript - How to use CDN javascript in React 如何在本地javascript文件中使用CDN - How to use CDN in local javascript file 如何在AMP文件中使用服务工作者来缓存CDN中的文件？ - How to use a service worker in AMP files to cache files from a CDN? 设置CDN javascript文件的etag - set etag of cdn javascript files 通过 Javascript 加载 CDN 文件 - Loading CDN files via Javascript Javascript-打开窗口，使用CDN - Javascript - Window open, use CDN 如何在Vue CLI组件中使用多外部CDN JavaScript文件 - How to use Multi External CDN JavaScript file in Vue CLI Component 如何在本地 javascript 文件中使用来自 CDN 的 object？ - How do I use an object from a CDN in a local javascript file? 如果 CDN 失败，如何使用 javascript 回退到本地服务器以获得 fontawesome？ - How to use javascript to get a fallback to local server for fontawesome if CDN fails? 如何通过从 CDN 中包含旧版本的 JavaScript 来使用 PhotoSwipe？ - How to use PhotoSwipe for old versions of JavaScript by including it from a CDN?
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM