与えられた: ページの読み込み時にメッセージのキューを読み込みます。
jGrowl を使用して、一度に 1 つずつメッセージをドリップのように表示するにはどうすればよいですか?
与えられた: ページの読み込み時にメッセージのキューを読み込みます。
jGrowl を使用して、一度に 1 つずつメッセージをドリップのように表示するにはどうすればよいですか?
数か月前に、プロジェクトのためにこれを行う必要がありました。最新の jGrowl (この記事の執筆時点では 1.2.0) で利用可能なプーリング機能を使用する場合は、単純に次のように記述できます。
$.jGrowl.defaults.pool = 1;
そうすれば、それらすべてを同時にロードできます。jGrowl は一度に 1 つだけを表示します。メッセージが閉じられると、jGrowl は自動的に次のメッセージを表示します。
これがあなたの望むものであることを願っています。
$.jGrowl.defaults.pool == 0;
if ( $(this.element).find('div.jGrowl-notification:parent').size() < 0 ) {
現在サイトの通知に取り組んでいますが、このページを見つけるまで一度に 1 つずつ表示する方法を見つけることができませんでした。ありがとうブルーノ!あなたは私を救いました。:)
メッセージが表示される時間間隔を (最大で) 指定するため、単純に JS setTimeoutを使用して同じ間隔で配列をループし、新しいメッセージを作成することができます。
あるいは、jGrowl は関数 (e,m,o) をクローズパラメータとして受け取ることができ、メッセージが閉じられるたびにコールバックとして使用されます。この関数では、キューから新しいメッセージを作成し、設定する必要があります。こちらのドキュメントを参照してください。