Question

我在MVC4基本应用程序中添加模板，问题是当我将模板转换为MVC4时我的幻灯片放映，滑块和其他一些东西停止工作。

BundleConfig.cs：

bundles.Add(new ScriptBundle("~/bundles/jquery").Include("~/Scripts/jquery-{version}.js"));

bundles.Add(new ScriptBundle("~/bundles/jqueryUI").Include("~/Scripts/jquery-ui-{version}.js"));

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

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

bundles.Add(new StyleBundle("~/Content/bootstrap").Include("~/Content/css/bootstrap.css"));

_Layout.cshtml：

    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
       @Styles.Render("~/Content/css")
       @Scripts.Render("~/bundles/modernizr")
       @Styles.Render("~/Content/bootstrap")
       @Scripts.Render("~/bundles/jquery")
       @Scripts.Render("~/bundles/jqueryui")
    </head>
    <body>
       @RenderBody()
           @Scripts.Render("~/bundles/jquery")
           @Scripts.Render("~/bundles/bootstrap")
           @RenderSection("scripts", required: false)
    </body>
    </html>

请帮助我对MVC不熟悉 j查询和js文件的文件夹结构如下

内容 - ＆GT; CSS-＆GT;

          bootstrap.min.css
          templatemo_style.css
          camera.css

scripts-＆GT; js-＆GT;

          bootstrap.min.js
          jquery-ui.min.js
          jquery.min.js
          jquery.singlenav.min.js
          unslider.min.js

请帮助并指导我进一步学习

Answer 1

首先确保将所有必需的.js文件添加到BundleCollection，这是我添加slider.js和另一个名为common.js的文件的示例我的一个项目中的捆绑包：

    bundles.Add(new ScriptBundle("~/bundles/serverManagerBundle").Include(
        "~/Scripts/jquery-1.10.2.js",
        "slider.js",
        "~/Scripts/Common/common.js"));

在_Layout.cshtml中仅在<head>部分呈现您的包。如果您正在使用滑块库，则可能需要jQuery才能在您的包中工作确保jQuery在slider.js

请记住，您需要在Global.asax文件的Application_Start事件中注册您的捆绑包：

public class WebApiApplication : System.Web.HttpApplication
{
    protected void Application_Start()
    {
        GlobalConfiguration.Configure(WebApiConfig.Register);
        FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
        RouteConfig.RegisterRoutes(RouteTable.Routes);
        BundleConfig.RegisterBundles(BundleTable.Bundles);
    }
}

在MVC4中添加J查询和引导程序

1 个答案: