jqueryで、スクリプト上で何らかのエラーが発生した際にトーストポップアップを表示する関数を作成しました。
トーストは.appendでHTML内に追加し、.animateで画面上から降りてきて、5秒経ったら画面上に昇っていくのですが、
稀に同時に複数のエラーが発生した場合、トーストが複数表示されてしまいます。
画面上に既にトーストが表示されている場合、それ以上表示しない、もしくはそのトーストが消えてからその次のトーストを表示するようにするにはどうすればいいでしょうか。
ご教授よろしくお願いいたします。
javascript
1function displayToast(title,message){ 2 var elem = $("<article/>").attr('id', "toast"); 3 var elem_h2 = $("<h2/>").text(title); 4 var elem_p = $("<p/>").text(message); 5 6 elem.append(elem_h2).append(elem_p); 7 $("body").append(elem); 8 elem.stop().animate({top: 55}, 500); 9 10 setTimeout(function() { 11 elem.stop().animate({top: -200}, 500, function() { 12 elem.remove(); 13 }); 14 }, 5000); 15} 16 17//実行 18displayToast("エラー",'エラーが発生しました。');
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/08 07:46