Question

我有ah：commandLink，我希望它看起来像不可单击（即链接具有浅色，并且当您将鼠标悬停在其上时，光标变为不允许）。

我正在使用disabled属性尝试实现此目的，但是它没有达到预期的效果：链接没有浅色，当我将鼠标悬停在它上面时，光标不会变成 not-允许。但是，当我单击commandLink时，它什么也没做，这很好，但是我希望它具有先前定义的属性。

这是我的代码：

<h:commandLink  onclick="function()" href="#{request.contextPath}/create"
                         styleClass="#{condition ? 'enabled-link' : 'disabled-link'} mar-left-8 cl-blue"
                                      disabled="#{condition ? 'false' : 'true'}"
                                     data-scroll-goto="0" id="show"><i class="fa fa-plus-circle" aria-hidden="true"/>
                        <p:ajax/>
                      </h:commandLink>

Answer 1

显然，commandLink的disable属性将链接变成了span标签而不是锚标签。

所以我的代码以以下方式显示在浏览器上：

<span href="/" id="show" 
 name="show" 
 class="disabled-link mar-left-8 cl-blue"> 
 <i class="fa fa-plus-circle" aria-hidden="true"></i>
</span>

disabled-link 类没有起作用的原因是因为我在CSS上缺少这种代码的宁静：

span.disabled-link {
  cursor: not-allowed;
  opacity: 0.5; }

如何使jsf commandLink看起来被禁用？

1 个答案: