如何在使用<p：message>？</p：message>时自动隐藏/关闭错误消息

Question

我有这个规范，当由于验证消息或某些其他事情显示错误消息（使用<p:message>时），它应该在一段时间后自动关闭。

我该怎么做？

我正在使用primefaces

请给我一个解决方案

Answer 1

假设您在页面中有以下代码

<h:form id="form1">  
    <p:messages id="messages"

你有一个<p:commandButton

你可以做的事情（你可能需要用$替换jQuery）

<p:commandButton onsuccess="setTimeout ( '$(\'#form1\\\\:messages\').hide()', 100);"...

请注意，我已使用\'和\\\\来逃避'和\\

您可以指定超时延迟（以毫秒为单位），我使用100毫秒

Answer 2

您可以使用jQuery。尝试合并函数delay()和hide()。这是链接： hide和delay。