2011-04-09 79 views
0

我想知道是否有任何技巧,有两个版本的美乐家(本质上)加载在一个页面上?jQuery UI多个CSS文件

我们应用程序中的一个页面使用jQuery UI对话框来收集特定函数的用户输入。为此,我们用themeroller工具设计了这些对话框。

在同一页面上,我们有更复杂的对话框,我们将HTML标记和JS标记为。 (我们提供了设计的PSD)我们使用的公司也使用了jQuery UI对话框,并为所有ui-dialog类编写了自定义类。

当jQuery对话框被创建时,这些类被添加到标记中,但现在存在冲突的CSS。有没有办法通过“选项”或其他方式向对话脚本提供css类名称。

有关如何使用这些冲突的CSS文件的任何想法?我也问过签约公司,但认为这里的问题可能会为我提供一些好处。

* 编辑: *现在看看jQuery UI对话框源代码。我认为修改插件将类名称作为选项并不难。这样我就可以运行一个带有标准类名的对话框,从我们的Themeroller CSS和另一个带有自定义类名的对话框中拉出。有没有人做过这个?

谢谢!

+0

你可以控制css文件加载的顺序。后者的css文件将覆盖较旧的文件 – 2011-04-09 19:47:21

+0

正确,但我需要.ui-dialog来表示两种不同的东西。或者,更好的是,我需要能够告诉其中一个对话插件使用不同的类名称进行样式设计。 – BZink 2011-04-09 19:48:55

+0

在这种情况下,您将不得不为不同的页面使用不同的CSS。 – 2011-04-09 19:57:55

回答

2

当您在jQuery UI站点上创建自己的整合器包时,它允许您设置一个CSS范围---它位于高级主题设置下。

这允许您构建自定义的jQuery UI CSS规则,以便仅在主题将在其中工作的页面的特定区域内工作。通过稍微调整(最有可能使用jQuery),可以在CSS范围动态地和/或同时使用多个jQuery UI主题,而无需修改您的CSS文件。 :d

jQuery UI download page(检查右侧边栏上的高级主题选项)

这意味着你可能得重新创建的ThemeRoller包,但至少它的方式jQuery UI的官方支持它,你可以确定它不会因未来的升级而中断。

+0

嘿,这是行得通的。谢谢! – BZink 2011-04-09 20:33:43