Topic: MDB Sidenav Open Animation

CRE8 free asked 4 years ago


EDIT

For anyone who has this problem I updated Jquery Migrate to the latest version and it solved the problem.

I have used a side navigation from MDB that can be found here:

https://mdbootstrap.com/snippets/jquery/mdbootstrap/105292#js-tab-view

When you click on the hamburger menu and then open one of the dropdowns you get a nice smooth animation. However in my own version the animation is slow and clunky.

Please see my version of the sidenav here:

https://mdbootstrap.com/snippets/jquery/cre8/2432811

If you click the hamburger and then click on one of the dropdowns you will see the clunky animation. Can anyone help me achieve something closer to the MDB version?

Thanks,


Krzysztof Wilk staff commented 4 years ago

Hi!

Could you make a snippet with your problem using our online editor? You can find it here: https://mdbootstrap.com/snippets/

It's hard to recognize the problem of such a big website like yours. Moreover - there are errors on your page that can cause the problem, so I want to look at MDB issue in the right circumstances :)

Best regards


CRE8 free commented 4 years ago

Hi @Krzysztof Wilk I have figured out that it is a problem from the following file: "/assets/vendor/jquery-migrate/jquery-migrate.min.js". I just need to find out what is actually happening and how to turn it off. I have added the minified JS code to the snippet I set up to reproduce the error.

Here you go - https://mdbootstrap.com/snippets/jquery/cre8/2432811


Krzysztof Wilk staff commented 4 years ago

Hi!

Which version of jQuery do you use on your website? If 3.0.0 - I think that could be a problem with an old version of jQuery. When I remove this one you applied to snippet it works because in our online editor there is the newest version. Could you upgrade it to the 3.5.1 version? And necessarily tell if it worked or not :)

Best regards


CRE8 free commented 4 years ago

@Krzysztof Wilk Hi, We use the latest version, the other jquery migrate code in the snippet is required on my website because it runs other javascript that is older. So the code is required. I am just trying to find out where the conflict it.


Krzysztof Wilk staff answered 4 years ago


I'm glad that your problem is resolved. If you have more questions - feel free to ask :)

Best regards



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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: All Devices
  • Browser: All Browsers
  • OS: All OS
  • Provided sample code: No
  • Provided link: Yes