Question

我真的不明白我的<h:commandbutton>无法工作的原因。如果我在导航栏之外放置相同的命令按钮，它就可以工作。如果我将鼠标悬停在按钮上，该按钮将变为白色。我的代码如下：

<nav class=" navbar nav-bottom"> 

    <img class="nav-item navbar-picture" src="#{resource['images/logo.gif']}" />
    <img class="nav-item nav-logo-text" src="#{resource['images/retailsonar.svg']}" />  

    <div class="topnav-right">
        <div style="float:left; margin-top:5px">
            <h:outputText class="navbar-text" id="welkom" value="Welkom, #{userBean.getNaam()}"/>
        </div>

        <div style="float:right">
            <h:form>
                <h:commandButton class="btn-navbar" action="#{userBean.logout()}" value="logout" />
            </h:form>
        </div>

    </div>

</nav>
<!-- navbar einde -->

<div class="vertical-center-full-page">
    <center class="vertical-center">
        <h:form>
            <h:commandButton class="btn-navbar" action="#{userBean.logout()}" value="logout" />
        </h:form>

导航栏中的按钮无法正常工作主屏幕上的按钮确实有效，我可以点击它退出

h：commandbutton在navbar中不起作用

0 个答案: