Preloader keeps spinning - even when page is fully loaded

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

Ollie Vincent pro asked 6 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 6 years ago

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

Add comment

jan.richter pro answered 6 years ago

0 0 Best answer

Please insert min. 20 characters.

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>

Add comment

it@strong.tv pro answered 6 years ago

0 0 Best answer

The Hotfix solved the issue !

Add comment

Jakub Strebeyko staff answered 6 years ago

0 0 Best answer

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 6 years ago

Still not fixed in MDB-Gulp-Pro_4.5.13

Jakub Strebeyko staff commented 6 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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

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

Ollie Vincent

Pro User 148Support score
6Questions 119Answers 0Snippets