hover - 在鼠标悬停或悬停在

Question

其中一个表列在其行中显示 commandLink，其值为长文本。我只显示该文本的一部分，当用户将鼠标悬停在链接上时，我想要一个弹出窗口或显示全文并在鼠标离开时隐藏它的东西。我将如何解决这个问题，尝试了 ajax 事件但没有奏效。感谢

Answer 1

如果有人想知道，这就是我最终使用工具提示所做的......

    <div id="sub" style="width:175px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;">

            <p:commandLink id ="myLink" value="#{message.subject}" ajax="true" 
                           update=":messageForm:grid">
                <f:setPropertyActionListener value="#{message}"
                                             target="#{myBean.selectedMessage}"/>

            </p:commandLink>

            <p:tooltip for="myLink" value="#{message.subject}" showEffect="slide" hideEffect="slide" style="background-color:#FFFFCC;border:1px dotted #000000;" />
        </div>