Topic: Preloader keeps spinning - even when page is fully loaded

Ollie Vincent pro asked 4 years ago


Hi, The preloader script just keeps spinning (loading), even if the page has full loaded. Your live demo here: https://mdbootstrap.com/components/progress-bars/#preloading-script does the same in both Firefox and Chrome (latest versions). Any Ideas? Thanks

Debrabandere pro commented 4 years ago

Hi, I have that same problem in Edge and Firefox. Chrome works fine here.

jan.richter pro answered 4 years ago


I had a same problem... Preloader keeps spinning in Firefox, Opera and Safari, but in Chrome works fine. The solution was easy. The function which switch preloader OUT is inside DOM.READY, but sometimes another backround plugin which is isnide dom.ready too, keeps preloader spinning. Place part of code with window.load contains fadeout out of DOM.READY, and after works perfect. Hope it helps.  
<script>
    $(window).on("load", function () {
        $('#mdb-preloader').fadeOut('slow');
    });
    $(function () {
        $.nette.init();
        $('[data-toggle="tooltip"]').tooltip();
        $('body').tooltip({ selector: '[data-toggle="tooltip"]' });
        $(".button-collapse").sideNav();
    });
</script>

it@strong.tv pro answered 3 years ago


The Hotfix solved the issue !


Jakub Strebeyko staff answered 4 years ago


Hi there Ollie Vincent, Thanks for taking time to let us know! There were few unexpected developments related to the newest MDB jQuery 4.5 release and turns out some of our components got effected - Spinner seems to be one of them. Don't worry though, the team is going to inspect its case soon and be back with a fix. Until then, I'd personally would suggest going after the ol' .fadeOut(). With Best Regards, Kuba

it@strong.tv pro commented 3 years ago

Still not fixed in MDB-Gulp-Pro_4.5.13


Jakub Strebeyko staff commented 3 years ago

hey @gwinnem@strong.tv,

Thanks for noting! Apparently, there are cases when the jQ load function's callback are not happening, which might have to do with the very way the preloader is constructed. I am submitting a bug report on this one. Has the above hot-fix solution help you in any way?

With Best Regards,
Kuba



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags