Question

有没有办法在点击时添加onclick事件来关闭p：messages标记？顺便说一句，我也注意到它包含了一个关闭的X，但点击它什么也没做。

以下是p:messages代码的代码：

<p:messages id="alarmMessages">
    <script>
        jQuery('#alarmMessages').effect("pulsate", {times:5}, 1000 );
        jQuery('#alarmMessages').show();
    </script>
</p:messages>

Answer 1

由于您正在使用JQuery，我建议您将某个事件添加到某个按钮或链接以关闭消息。我不知道您可以在document.ready中添加此事件的页面代码：

$('#closeButtonId').click(function() {
    $('#alarmMessages').hide(); // you can also use fadeOut()
})

您可以将该事件添加到面板本身，这很难实现。我会在消息面板的右下角添加一个小的关闭链接。

另一方面，您可以在面板上添加一个事件，以便在设定的时间后隐藏它，但这取决于您的实施以及您认为正确的事情。只需在document.ready funcion：

中向您的面板添加一个事件

$('#alarmMessages').delay(5000).fadeOut(); // you can also use setTimeOut if you like.

注意：您正在谈论的X按钮实际上可能是错误图标。它是红色背景中的白色X吗？

有没有办法点击p：messages元素来关闭它？

1 个答案: