4

notyを使用して、「右上」のアラート設定を使用して通知を表示しています。私はjqueryを初めて使用しますが、phpとmysqlを十分に知っており、ほとんどのことを実行できます。

私がやりたいことは、mySQL を使用してデータを取得し、ユーザーに通知を表示する必要があるかどうかを確認することです (完了)。次に、ページの読み込み時にその通知を表示します。これも実行しましたが、コードを繰り返す以外に複数の通知を表示するよりエレガントな方法があると確信していますか?

次に、各通知が表示されるまでに1秒の遅延を加えて、一度にすべてがポップアップせず、同時に消えるようにしたいと考えています。私は .delay() を調べましたが、jQuery をもう少しよく知らなければ、私にはほとんど役に立ちません。

私のコード:

$(document).ready(function() {
  var noty_id = noty({"text":"a message","layout":"topRight","type":"inormation","animateOpen":{"height":"toggle"},"animateClose":{"height":"toggle"},"speed":1000,"timeout":5000,"closeButton":false,"closeOnSelfClick":true,"closeOnSelfOver":false,"modal":false});
  var noty_id = noty({"text":"a message","layout":"topRight","type":"inormation","animateOpen":{"height":"toggle"},"animateClose":{"height":"toggle"},"speed":1000,"timeout":5000,"closeButton":false,"closeOnSelfClick":true,"closeOnSelfOver":false,"modal":false});
});
4

1 に答える 1

2

setTimeout()ネイティブの Javascript 関数を使用できます。これにより、指定されたタイムアウト期間 (ミリ秒) 後にアクションがキューに入れられます。

$(document).ready(function() {
    var noty_id = noty({"text":"a message","layout":"topRight","type":"inormation","animateOpen":{"height":"toggle"},"animateClose":{"height":"toggle"},"speed":1000,"timeout":5000,"closeButton":false,"closeOnSelfClick":true,"closeOnSelfOver":false,"modal":false});
    setTimeout(function() {   var noty_id = noty({"text":"a message","layout":"topRight","type":"inormation","animateOpen":{"height":"toggle"},"animateClose":{"height":"toggle"},"speed":1000,"timeout":5000,"closeButton":false,"closeOnSelfClick":true,"closeOnSelfOver":false,"modal":false}); }, 5000)
});

複数の通知をキューに入れるには、 jQuery Pinesの方が優れた通知システムであることがわかるかもしれません。

于 2012-05-30T17:16:34.703 に答える