동적 메뉴는 정상적으로 작동하지만 응답이 있으면 작동을 멈 춥니 다.

Question

내 웹 사이트에 동적 메뉴가 있는데, 이전에 데이터베이스에서 업데이트 한 물마루 옵션이 있습니다. 각 옵션 안에는 하위 옵션 목록이 있습니다.

하위 옵션을 클릭하면 해당 하위 옵션의 데이터베이스가 데이터베이스에서 가져와야합니다. 지금까지 완벽하게 작동하고 있는데, 화면 크기를 줄이면 문제가 발생합니다. 숨겨진 메뉴를 클릭하면 펼쳐지는 사이드 메뉴가 생성됩니다. 이렇게하면 작동이 멈추지 만 화면 크기를 되돌리면 메뉴가 다시 시작됩니다. 작은 화면에있을 때만 작동하지 않습니다.

코드에 따라 당신은 (메인 페이지에 하나의 옵션을 선택하고 메뉴가 표시됩니다) www.portalbid.com에서 온라인으로 확인할 수 있습니다

<nav id="nav"> 
       <ul id="menuvert"> 

        <ui:repeat value="#{categoriaBean.todasCategorias}" var="categoria" varStatus="status"> 
         <li> 
          <p:commandLink> 
           <h:outputText value="#{categoria.titulo}"/> 
          </p:commandLink> 

          <ul> 

           <ui:repeat value="#{categoria.subCategorias}" var="sub"> 

            <li> 
             <p:commandLink styleClass="featured" 
                 action="#{lojistaBean.redirSubLojas}"> 
              <f:setPropertyActionListener value="#{sub}" 
                     target="#{lojistaBean.subCategoriaSelecionada}"/> 
              <h:outputText value="#{sub.descricao}"/> 
             </p:commandLink> 
            </li> 

           </ui:repeat> 
          </ul> 

         </li> 


        </ui:repeat> 

       </ul> 

      </nav> 

내가 JSF 2.2.13 사용하고 있습니다 및 PrimeFaces 6.0 누구든지 나를 도울 수 있습니까? 당신은 미디어 쿼리

@media screen and (max-width: 980px) { 

하고이 때문에

를 사용하여 produtos.css에서 내가 볼

Answer 1

이 메뉴는 사이드 바 부트 스트랩 같은 수축 메뉴로 수축된다.

max-width을 작은 것으로 변경하면 예 : 180을 선택하면 메뉴가 원래 상태로 돌아갑니다.