Javascript function run after CSS paint is completed

Question

I am using javascript to load my CSS files. I want to run a function once all CSS files have been downloaded and painted.

I do have jQuery loaded so I can use one of its functions.

.ready and .load don't seem to be waiting for CSS to complete the paint.

Thank you for your help.

I couldn't find the link. Can you please list where it has been answered? I see a lot of questions answering how to wait for load but not specifically for CSS paint wait. Thanks. — user3376563, Jun 01 '14 at 16:04

score 0 · Answer 1 · answered Jun 01 '14 at 09:37

0

Go for this :

//Checks if to.css and to1.css are loaded or not.

if ($("link[href='/path/to.css']").length && $("link[href='/path/to1.css']").length )
{
   //Function after above 2 CSS are loaded.
}

answered Jun 01 '14 at 09:37

Pratik Joshi

I tried the method, but it still keeps waiting before painting the CSS. – user3376563 Jun 01 '14 at 16:03

1 Answers1