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 有人可以帮帮我吗？

Answer 1

我在您的produtos.css中看到您正在使用媒体查询

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

因此，您的菜单缩小为带侧栏的类似引导程序的缩小菜单。

如果您将max-width更改为更小的内容，例如180，然后你的菜单将回到原来的＆＃34;状态。

动态菜单工作正常，但响应时，停止工作

1 个答案: