Как изменить цвет текущего выбранного элемента меню?

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'};"/> 

Я не знаю, как ваше приложение разработано, но в моем случае у меня есть переменная (целесообразно.samattramite), которая меняет значение, когда я меняю экран ¿view? (xhtml, извините за мой lenguage) или активную некоторую функциональность, чтобы знать, в каком состоянии я знаю, в каком состоянии я знаю