Bootstrap 在后续 AJAX 调用后通知重复通知
Bootstrap Notify Duplicate Notifications After Consequent AJAX Calls
我正在使用最新版本的 Bootstrap Notify (v3.1.5) 在 AJAX 调用后显示状态消息。它在第一次通话中按预期工作。第一次执行后,每次调用通知时,都会显示之前的通知消息。
示例:
1st call = 1 Notify message; 2nd call = 2 Notify messages; 3rd call =
3 Notify messages; ...
Bootstrap 通知初始化:
$.notify({
icon: icon,
title: title,
message: message
}, {
type: type,
allow_dismiss: true,
newest_on_top: false,
placement: {
from: "top",
align: "right"
},
offset: 20,
spacing: 10,
z_index: 100000,
delay: delay,
timer: 1000,
mouse_over: true,
animate: {
enter: 'animated fadeInDown',
exit: 'animated fadeOutUp'
}
});
我该如何解决这个问题?
解决了我的问题。经过一些调试后,我意识到该事件被多次触发,导致通知反复弹出。真是菜鸟犯的大错...
您可以使用获取所有通知长度来阻止并阻止它。
如果通知大于 0 return false;
let notifylength = document.querySelectorAll('.bootstrap-notify-container');
if(notifylength.length !== 0){
return false;
}
我正在使用最新版本的 Bootstrap Notify (v3.1.5) 在 AJAX 调用后显示状态消息。它在第一次通话中按预期工作。第一次执行后,每次调用通知时,都会显示之前的通知消息。
示例:
1st call = 1 Notify message; 2nd call = 2 Notify messages; 3rd call = 3 Notify messages; ...
Bootstrap 通知初始化:
$.notify({
icon: icon,
title: title,
message: message
}, {
type: type,
allow_dismiss: true,
newest_on_top: false,
placement: {
from: "top",
align: "right"
},
offset: 20,
spacing: 10,
z_index: 100000,
delay: delay,
timer: 1000,
mouse_over: true,
animate: {
enter: 'animated fadeInDown',
exit: 'animated fadeOutUp'
}
});
我该如何解决这个问题?
解决了我的问题。经过一些调试后,我意识到该事件被多次触发,导致通知反复弹出。真是菜鸟犯的大错...
您可以使用获取所有通知长度来阻止并阻止它。 如果通知大于 0 return false;
let notifylength = document.querySelectorAll('.bootstrap-notify-container');
if(notifylength.length !== 0){
return false;
}