Issue on jQuery fadeOut


Topic: Issue on jQuery fadeOut

gianlucagiacometti pro premium priority asked 2 years ago

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


gianlucagiacometti pro premium priority answered 2 years ago

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


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • 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