Question

我使用最新版本的Bootstrap Notify（v3.1.5）来显示AJAX调用后的状态消息。它在第一次调用中按预期工作。在第一次执行之后，每次调用notify时，它都会显示先前的通知消息。

示例：

第一次通话= 1通知消息;第二次通话= 2通知消息;第3个电话= 3通知消息; ...

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

您可以通过使用获取所有通知长度来阻止并阻止它。如果通知大于0，则返回false；

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

Answer 2

解决了我的问题。经过一些调试后，我意识到事件被多次触发并导致通知重复弹出。真的很大的新秀错误...

在随后的AJAX调用之后，Bootstrap通知重复通知

2 个答案: