如何在特定区域使用不同的jQuery主题？

我目前正在做一个web应用程序的菜单，我想为该应用程序的其余部分使用的主题使用不同的主题。我使用PrimeFaces的默认主题，虽然它可能稍后会更改，并且菜单的自定义主题，我使用jQuery主题滚轮（http://jqueryui.com/themeroller）我想将此主题应用于只有主菜单，这是在一个CSS文件中定义：如何在特定区域使用不同的jQuery主题？

#top { 
position: relative; 
background-color: #333367; 
color: white; 
padding: 2px; 
margin: 0px 0px 2px 0px; 
max-height: 60px;}

我可以申请定制主题中使用的整个应用程序

<context-param> 
    <param-name>primefaces.THEME</param-name> 
    <param-value>custom-theme</param-value> 
</context-param>

但它不应用于特定区域的菜单在我的模板中定义在这里：

<div id="top"> 
     <ui:insert name="menu"> 
      <ui:include src="../snippets/menu.xhtml"/> 
     </ui:insert> 
    </div>

有没有人有建议只使用菜单的自定义主题？

谢谢

来源

2012-11-27 WhiskThimble

我重申了这一点，因为它实际上只是一个jQuery UI问题（它不同于jQuery，并不是所有的Java） –

你真的想把两个主题合并为一个（或部分结合两个主题）。你不能只使用整合器，但你可以提取自定义主题的相关部分，并将#top添加到选择器中。那么，生成的题材可能

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
    ...

你必须修改它是

#top .ui-state-default a, #top .ui-state-default a:link, #top .ui-state-default a:visited { 
    ...

潜在的大量的工作，而不是非常有效的，但jQuery UI的主题都设置方式，它们适用相同的造型全部元素

来源

2012-11-27 14:56:35

如何在特定区域使用不同的jQuery主题？

回答

相关问题