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 に答える