在我的MVC应用程序中,我最初调用了每个页面中的所有脚本和样式。看到捆绑概念之后。我在Bundle.config页面中引用了scritps和styles。这里的脚本没有在我的页面中引用。我不在我的应用程序中使用布局页面。
Bundle.config
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/Scripts/jquery-{1.7.1}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
"~/Scripts/jquery-ui-{1.8.20}.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryuc").Include(
"~/Scripts/jquery.dcmegamenu.1.3.3.js",
"~/Scripts/jquery.hoverIntent.minified.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryuh").Include(
"~/Scripts/html5.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryumin").Include(
"~/Scripts/jquery.uniform.min.js"));
bundles.Add(new ScriptBundle("~/bundles/jqueryea").Include(
"~/Scripts/jquery.easing.1.3.js",
"~/Scripts/jquery.hoverIntent.minified.js"));
bundles.Add(new StyleBundle("~/CSS/css").Include(
"~/CSS/AdminLayStyle.css",
"~/CSS/tab.css",
"~/CSS/login.css",
"~/CSS/login-box.css",
"~/CSS/base.css",
"~/CSS/style_file.css",
"~/CSS/menustyle.css"));
bundles.Add(new StyleBundle("~/CSS/Content/themes/base/css").Include("~/CSS/Content/themes/base/jquery-ui.css",
"~/CSS/Content/themes/base/jquery.ui.all.css",
"~/CSS/Content/themes/base/jquery.ui.base.css",
"~/CSS/Content/themes/base/jquery.ui.dialog.css",
"~/CSS/Content/themes/base/jquery-ui.css",
"~/CSS/Content/themes/base/jquery.ui.theme.css"));
并在View Index.cshtml
中 @Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryui")
@Scripts.Render("~/bundles/jqueryuc")
@Styles.Render("~/Content/css")
Bundle.config中对样式的引用是否正确?
提前谢谢。
编辑:
是否应该仅从Content文件夹引用所有样式的规则?
答案 0 :(得分:2)
Javascripts看起来很好。 CSS错了。没有定义任何~/Content/css
捆绑。你可能意味着:
@Styles.Render("~/CSS/css")
您也可能想要包含jQuery UI样式:
@Styles.Render("~/CSS/Content/themes/base/css")
答案 1 :(得分:0)
我明白了。引用样式和图像的相对路径必须来自Content文件夹。