使jQuery与MVC4一起使用

Question

没发生 我尝试将_Layout.cshtml中的脚本通常与<script src='@Content.Url("...链接起来，安装Web优化并使用捆绑包，然后将@Scripts.Render()放在_Layout的头部/正文/底部.cshtml以及相关页面上<script>标记之前，我缺少什么？

目录结构

Views
    Shared
        Js
            jquery-1.10.2.js
            jquery.color-2.1.2.min.js

BundleConfig.cs

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
        "~/Views/Shared/Js/jquery-{version}.js",
        "~/Views/Shared/Js/jquery.color-{version}.js")
    );
}

Global.asax.cs

protected void Application_Start()
{
    // blah, etc, then:
    BundleConfig.RegisterBundles(BundleTable.Bundles);
}

_Layout.cshtml

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

我可以在JsFiddle上运行实际的javascript / jquery代码，所以我写的内容的有效性没有问题。

Answer 1

BundleCollection类具有IgnoreList属性，该属性包含将不呈现的文件名模式。 默认情况下，它将忽略带有min字词的名称。 您可以在RegisterBundles清除此列表：

public static void RegisterBundles(BundleCollection bundles)
{
    bundles.IgnoreList.Clear();
    bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
        "~/Views/Shared/Js/jquery-{version}.js",
        "~/Views/Shared/Js/jquery.color-{version}.js")
    );
}

Answer 2

正常工作：我所做的就是将脚本移到另一个文件夹Content/Js ，并通过<script src='@Content.Url("...链接了它。” Content与Views在同一目录级别。

现在一切都很好，除了我不知道为什么文件夹很重要。