Question

我在PrimeFaces中有一个子菜单，其中包含许多菜单项，我想在选择它时将其着色，以便向用户显示当前的菜单项。

                <p:submenu label="Books" style="width:60%; color:#FFFFFF; background:#db4455;"
                               icon="ui-icon ui-icon-refresh">
                        <p:menuitem 
                            style="width:95%; font-weight:bold; background:#93c3cd; color:#FFFFFF;"
                            value="Action" url="action.xhtml"  /> 
                        <p:menuitem 
                            style="width:95%; font-weight:bold; background:#93c3cd; color:#FFFFFF;"
                            value="Fiction" url="fiction.xhtml"  /> 
                </p:submenu>

Answer 1

你可以这样做。

JS

$(document).ready(function() {

   $('.ui-menuitem-link').each(function(){
       if(window.location.pathname.indexOf($(this).attr('href')) != -1) {
           $(this).css('background', 'red');//or add class
       }
   });  

})

另见：

Highlighting selected menu (Another approach)

Answer 2

试试这个：

<p:menuitem action="resoluciones" value="Resoluciones" style="color :#{expediente.samattramite eq 20 ? '#990000' : 'black'};"/>

我不知道您的应用程序是如何开发的，但在我的情况下，当我更改屏幕时，我有一个变量（expediente.samattramite）更改值？（xhtml，对不起我的语言）或活跃一些功能来了解我的状态

如何更改当前所选菜单项的颜色？

2 个答案: