bootstrap-notify
bootstrap-notify copied to clipboard
mouse0270
Duplicate Notifications After Consequent AJAX Calls
Hi,
I'm using the most recent release of Bootstrap Notify (v3.1.5) to show status messages after an AJAX call. It works as expected in the first call. After the first execution, every time the notify is called, its shows the previous notifications message. Example:
- 1st call = 1 Notify message;
- 2nd call = 2 Notify messages;
- 3rd call = 3 Notify messages;
How can i solve this issue?
$.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' } });
I am getting the similar issue. Notification gets doubled on every call.
Same exact issue I'm having. Is there a fix or an answer to how to use this plugin in this scenario? I have noticed that if i refresh the page, the issue doesn't raise it's ugly head, but it's not the way I want to do this!
Sorry to flood with comments about this issue, but I would really like to use this! However, I cannot figure out a solution to this problem. I'm having the same issue that ricky2k7 originally commented on. Please, please let me (us) know if this is a bug, if there is a workaround, etc.
Can someone send me an example of this issue. I am not able to replicate it, sorry.
I finally solved my issue with this not too long after I posted my last comment. I've been a developer for over 20 years, but fairly new to the front-end world so I'm sure it was the way that I was using it.
I was generating a $.notify("...") within the success promise of my ajax calls and for some reason, on successive calls, the notification bubble would increase by one each time. I was debugging this issue and sure enough, if it was the third time, 3 events were getting fired.
What I did was pulled the $.notify("...") out from the promise and instead, called a method that then did a $.notify("..."). This fixed my issue, but I don't know why.
For a more simple solution just add $.notifyClose(); before the $.notify() call.
This is clear all the pending stacks and instantiates new.