Topic: Issue on jQuery fadeOut
I have a personal spinner css, which I use with the following javascript:
$(document)
.ajaxStart(function() {
$("#myspinnerID").fadeIn(300)
})
.ajaxStop(function() {
$("#myspinnerID").fadeOut(300)
})
It works fine with MDB5 4.4.0
The fadeOut does not work anymore with MDB5 5.0.0
I noticed that you slightly changed the code on animation.js as follows:
[4.4.0]
< const JQUERY_NO_CONFLICT = $.fn[NAME];
< $.fn[NAME] = Animate.jQueryInterface;
< $.fn[NAME].Constructor = Animate;
< $.fn[NAME].noConflict = () => {
< $.fn[NAME] = JQUERY_NO_CONFLICT;
---
[5.0.0]
> const JQUERY_NO_CONFLICT = $.fn.animate;
> $.fn.animate = Animate.jQueryInterface;
> $.fn.animate.Constructor = Animate;
> $.fn.animate.noConflict = () => {
> $.fn.animate = JQUERY_NO_CONFLICT;
Could you please check and tell me if it is a bug or how I can go on using jQuery fadeOut or get the same fade effect in another way?
I use jQuery 3.6.0
Thank you in advance
I found the bug!
NAME = animation
it is not "animate", but "animation"
so:
[CORRECT VERSION]
> const JQUERY_NO_CONFLICT = $.fn.animation;
> $.fn.animation = Animate.jQueryInterface;
> $.fn.animation.Constructor = Animate;
> $.fn.animation.noConflict = () => {
> $.fn.animation = JQUERY_NO_CONFLICT;
[WRONG VERSION]
< const JQUERY_NO_CONFLICT = $.fn.animate;
< $.fn.animate = Animate.jQueryInterface;
< $.fn.animate.Constructor = Animate;
< $.fn.animate.noConflict = () => {
< $.fn.animate = JQUERY_NO_CONFLICT;
gianlucagiacometti pro premium priority commented 2 years ago
Can you please fix it? Thx
Grzegorz Bujański staff commented 2 years ago
We will look at this and try to solve this problem
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 5.0.0
- Device: all
- Browser: all
- OS: all
- Provided sample code: No
- Provided link: No