Topic: MDB Sidenav Open Animation
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,
I'm glad that your problem is resolved. If you have more questions - feel free to ask :)
Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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
Krzysztof Wilk staff commented 3 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 3 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 3 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 3 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.