在asp.net mvc 4.0中捆绑不包括所有jquery库?

时间:2012-10-19 18:10:28

标签: c# asp.net-mvc-4

总体而言,在我的应用程序中,当运行对话框内容时,我得到 jquery ui错误。 我在visual studio解决方案资源管理器中看到jquery 1.8.2和modernizer 2.6.2已加载到windows internet explorer中。

但为什么其余部分不包括在对话框的jquery ui中?

这是默认的asp.net mvc 4.0项目代码:

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*"));

            // 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 StyleBundle("~/Content/css").Include("~/Content/site.css"));

            bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                        "~/Content/themes/base/jquery.ui.core.css",
                        "~/Content/themes/base/jquery.ui.resizable.css",
                        "~/Content/themes/base/jquery.ui.selectable.css",
                        "~/Content/themes/base/jquery.ui.accordion.css",
                        "~/Content/themes/base/jquery.ui.autocomplete.css",
                        "~/Content/themes/base/jquery.ui.button.css",
                        "~/Content/themes/base/jquery.ui.dialog.css",
                        "~/Content/themes/base/jquery.ui.slider.css",
                        "~/Content/themes/base/jquery.ui.tabs.css",
                        "~/Content/themes/base/jquery.ui.datepicker.css",
                        "~/Content/themes/base/jquery.ui.progressbar.css",
                        "~/Content/themes/base/jquery.ui.theme.css"));

更新

<!DOCTYPE html>
<html lang="en">
<head>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/modernizr")        

    <script type="text/javascript">


    </script>
</head>
<body>
    <div id="logo" />
    <div id="NavigationPanel">     

    </div>
    <div id="ContentPanel">
        @RenderBody()
    </div>   
</body>
</html>

1 个答案:

答案 0 :(得分:7)

就像我怀疑的那样,看起来你还没有在_layout文件中引用你的jqueryui包。您需要再次调用@Scripts帮助程序:

@Scripts.Render("~/bundles/jqueryui")

以及对jquery ui css文件的引用:

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