Jquery ui 如何使用'；基数'；具有jQueryUI主题的MVC4 web应用程序中的主题_Jquery Ui_Asp.net Mvc 4_Themes

Jquery ui 如何使用'；基数'；具有jQueryUI主题的MVC4 web应用程序中的主题

jquery-ui asp.net-mvc-4

Jquery ui 如何使用'；基数'；具有jQueryUI主题的MVC4 web应用程序中的主题,jquery-ui,asp.net-mvc-4,themes,Jquery Ui,Asp.net Mvc 4,Themes,我有一个标准的开箱即用的MVC4应用程序在这里使用的基本主题我还有一个Themeroller拉链如何将自定义jqueryui主题应用于我的应用程序，而不是应用于股票主题？一步一步的指导，并解释为什么每一步都在做，将非常感谢，并有很大的帮助解除MVC4的主题雾为我（我知道问题11892182，我完全遵循了它，但没有取得成功。它现在已经一岁了，我希望jQueryUI和MVC4之间的情况有所好转）默认情况下，DaveJquery UI嵌入到新的asp.net mvc4 internet模板项目

我有一个标准的开箱即用的MVC4应用程序在这里使用的基本主题

我还有一个Themeroller拉链

如何将自定义jqueryui主题应用于我的应用程序，而不是应用于股票主题？一步一步的指导，并解释为什么每一步都在做，将非常感谢，并有很大的帮助解除MVC4的主题雾为我

（我知道问题11892182，我完全遵循了它，但没有取得成功。它现在已经一岁了，我希望jQueryUI和MVC4之间的情况有所好转）

默认情况下，Dave

Jquery UI嵌入到新的asp.net mvc4 internet模板项目中。以使用默认主题

打开_Layout.cshtml文件。（视图=>Shared=>Layout.cshtml）

在标题部分，替换该行

@Styles.Render（“~/Content/css”）

用这个

@Styles.Render（“~/Content/themes/base/css”）

将此

@Scripts.Render（“~/bundles/jqueryui”）

添加到Layout.cshtml文件的末尾，就在

@Scripts.Render（“~/bundles/jquery”）

现在开始使用jqueryUI小部件和主题，它们将正确显示

为了使用自定义下载的主题，您需要修改BundleConfig.cs文件（App_Start=>BundleConfig.cs）

如果您有完整的jqueryUI源代码和单独的文件。只需将基本文件夹（Content=>theme=>base）中当前的基本主题文件替换为自定义的主题文件即可

如果您有一个javascript和css文件。修改BundleConfig.cs代码。替换

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

因此，include部分保存了自定义css文件的路径，例如

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                    "~/Content/themes/base/jquery-ui-1.10.3.custom.css");

默认情况下，Jquery UI嵌入到新的asp.net mvc4 internet模板项目中。以使用默认主题

打开_Layout.cshtml文件。（视图=>Shared=>Layout.cshtml）

在标题部分，替换该行

@Styles.Render（“~/Content/css”）

用这个

@Styles.Render（“~/Content/themes/base/css”）

将此

@Scripts.Render（“~/bundles/jqueryui”）

添加到Layout.cshtml文件的末尾，就在

@Scripts.Render（“~/bundles/jquery”）

现在开始使用jqueryUI小部件和主题，它们将正确显示

为了使用自定义下载的主题，您需要修改BundleConfig.cs文件（App_Start=>BundleConfig.cs）

如果您有完整的jqueryUI源代码和单独的文件。只需将基本文件夹（Content=>theme=>base）中当前的基本主题文件替换为自定义的主题文件即可

如果您有一个javascript和css文件。修改BundleConfig.cs代码。替换

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

因此，include部分保存了自定义css文件的路径，例如

bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
                    "~/Content/themes/base/jquery-ui-1.10.3.custom.css");

sherwaniusman，我尝试了你的建议，但我只成功地完全打破了我自己的CSS。我肯定错过了什么。我以为我明白发生了什么，但显然不明白

让我们试试别的。这就是我所做的。你能告诉我哪里出错了吗

从下载“乐蛙”主题

打开zip并将js文件夹中的三个文件复制到我的MVC4应用程序的脚本文件夹中。这三个文件是：jquery-1.9.1.js、jquery-ui-1.10.3.custom.js和jquery-ui-1.10.3.custom.min.js

将“le frog”文件夹从zip复制到我的应用程序的Content/themes文件夹，以创建Content/themes/le frog文件夹。le frog文件夹包含两个文件和一个images子文件夹。这两个文件是jquery-ui-1.10.3.custom.css和jquery-ui-1.10.3.custom.min.css

编辑了_Layout.cshtml，使其成为唯一的样式

@style.Render（“~Content/themes/le frog/css”）

这是在比赛结束时

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

已编辑BundleConfig.cs以将这些符号中的每个符号指向正确的目标：

添加（新脚本包（“~/bundles/jquery”）。包括( “~/Scripts/jquery-1.9.1.js”）

bundles.Add（新脚本包（“~/bundles/jqueryui”）。包括（
“~/Scripts/jquery-ui-1.10.3.custom.js”）

添加（新样式包（“~/Content/themes/le frog/css”）。包括（“~/Content/themes/le frog/jquery-ui-1.10.3.custom.css”）

在我看来，这应该是可行的，但我得到的是一个完全没有CSS样式的页面

请。。。我错过了什么

Dave