jQuery UI多个CSS文件

时间:2011-04-09 19:40:34

标签: jquery css jquery-ui jquery-ui-dialog

我想知道是否有任何技巧可以在一个页面上加载两个版本的themeroller(基本上)?

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

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

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

有关如何使用这些冲突的CSS文件的任何想法?我也问过承包公司,但是我觉得这里的问题对我有用。

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

谢谢!

1 个答案:

答案 0 :(得分:2)

当你在jQuery UI网站上创建自己的themeroller软件包时,它允许你设置一个CSS范围---它在高级主题设置下。

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

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

这意味着你可能需要重做创建你的themeroller软件包,但至少它是jQuery UI正式支持它的方式,你可以肯定它不会破坏未来升级。