我在我的网站上使用notify.js https://notifyjs.jpillora.com/向用户显示某些信息和错误消息。有时,一次必须显示多个消息(例如“旧密码错误”和“新密码不能为空”)。 当前,每个新通知都将覆盖前任。一定不能。 它们应该相互叠加,就像上面我链接的网站上一样。
构成显示notify.js消息的函数的代码如下:
function openDialog(config){
$("#alert").notify(config.text,{
clickToHide: true,
autoHide: true,
className: config.typee,
autoHideDelay: 2000,
arrowShow: false,
showAnimation: 'slideDown',
showDuration: 400,
hideAnimation: 'slideUp',
hideDuration: 200,
//gap: 2,
//globalPosition: "right top",
position: "left middle"
}
);
if(config.reload == true){
setTimeout(function(){window.location.reload();}, 1000);
}
}
有趣的事情顺便说一句。是即使我命令该函数显示消息“ left middle”,它仍将其显示在html主体的右上角,尽管这可能与相关元素的位置和样式有关。更重要的是消息不会堆积,我真的试图找出我的代码出了什么问题,以及为什么代码可以在官方网站上而不是在我的网站上工作,但是我在互联网上找不到任何有关此问题的信息,除了一篇关于notifyJS: Element notifications do not stack的stackoverflow帖子,内容是消息重叠,而不是彼此“累加” ...