如何应用多个jQuery UI主题

前端之家收集整理的这篇文章主要介绍了如何应用多个jQuery UI主题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有人有任何技巧/技巧/技巧来帮助我在一个应用程序中组织和实现多个jQuery UI主题

我已经导致使用!重要,因为它似乎是强制风格覆盖的最可靠的方式 – 但这种方法不是很可取。

解决方法

是的,但这取决于你的意思。

假设您想要将元素A设置为主题X,元素B与主题Y。jQuery主题滚轮具有内置的此功能。当您下载主题(here)时,单击右侧的高级主题设置。在这里,您可以设置“CSS Scope”。这将允许您从特定主题应用jQuery UI类(即ui-corner-all等)。这是他们给这个选项的描述:

This field allows you to specify a CSS
scope to limit your theme to a
particular portion of a page. This is
helpful when using multiple themes on
a page. If you don’t provide a CSS
scope,your theme will apply to all UI
elements on a page.

In most situations,you won’t need to
specify a CSS scope. Please Note: If
you provide a CSS scope,you will not
get an example page included in your
download.

您也可以更改主题文件名称

This field allows you to specify a
name for the theme folder in your
download. This is helpful if you plan
to use multiple themes on a page. It
defaults to “theme”.

但是,如果您想要创建一个全新的主题,从几个主题中借用这些元素,您就有两个选择:自己编辑CSS和图像文件(不推荐),或使用主题滚轮工具来创建自己的主题

如何使用:

CSS Scope只是一个CSS选择器。假设主题X只适用于class aClass的所有元素。在这种情况下,您的CSS Scope将是.aClass。所以,如果你想从主题X添加圆角到一个元素(假设你的CSS Scope已经设置为.aClass),你的HTML将会像这样:

<div class='ui-rounded-corners aClass'>
    Content    
</div>
原文链接:https://www.f2er.com/jquery/182018.html

猜你在找的jQuery相关文章