将commandButton onmouseover事件显示到另一个commandButton primefaces中

Question

当鼠标指针在另一个commandButton上时，我需要显示一个primefaces commandButton，但是如果非常必要，我只能使用div。如果可行，那么onmuseover事件会更好，例如：

<p:commandButton id="button1" value="Display" onmouseover="displayButton2" update="button2"/>
<p:commandButton id="button2" value="Valid Option" rendered="false"/>

Answer 1

如果您不想使用div，可以使用span：

<p:commandButton id="button1" value="Display" />
<span id="buttonSpan">
  <p:commandButton id="button2" value="Valid Option"/>
</span>

你的css：

#buttonSpan{
  display:none;
  ...
}

#form\:button1:hover #buttonSpan{
     display:block;   
}

在css \中是逃避文字。所以实际上你在组件上设置一个“悬停”CSS设置，其id格式为：button1。因此，如果您没有表单，那么＃button1：hover ...如果您的表单名为formTest，那么它的#formTest \：button1。您需要检查该组件的生成ID。