0

有没有办法添加onclick事件以在单击时关闭 p:messages 标记？顺便说一句，我还注意到它包含一个用于关闭的 X，但单击它什么也不做。

这是标签的p:messages代码：

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

1 回答 1

0

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

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

您可以将该事件添加到面板本身，但它不会非常直观。我会在消息面板的右下角添加一个小的关闭链接。

另一方面，您可以在面板中添加一个事件以在一段时间后将其隐藏，但这取决于您的实现以及您认为正确的方式。只需在 document.ready 函数中向您的面板添加一个事件：

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

注意：您所说的 X 按钮实际上可能是一个错误图标。它是红色背景中的白色X吗？

于 2012-07-23T15:17:42.580 回答