Bootstrap 在后续 AJAX 调用后通知重复通知

Question

我正在使用最新版本的 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'
    }
});

我该如何解决这个问题？

Answer 1

解决了我的问题。经过一些调试后，我意识到该事件被多次触发，导致通知反复弹出。真是菜鸟犯的大错...

Answer 2

您可以使用获取所有通知长度来阻止并阻止它。如果通知大于 0 return false;

let notifylength = document.querySelectorAll('.bootstrap-notify-container');
if(notifylength.length !== 0){
    return false;
}

Bootstrap 在后续 AJAX 调用后通知重复通知

Bootstrap Notify Duplicate Notifications After Consequent AJAX Calls

javascript

ajax

jquery

twitter-bootstrap

bootstrap-notify