Call JQuery function after CSS rendering

css, jquery

Solution

$(window).bind("load", function() {
   // code here
});

Problem

When I use `$(document).ready(function() {...}`, the function is called after the DOM is ready, but (I think) before CSS styles have loaded. I want to retrieve the width of an element, but when I try to retrieve it inside a ready() event, the value returned isn't matching the CSS value. However, when I use a timer to call this function 10 seconds later, it works as intended. So, is there a way to listen to CSS rendering with jQuery? Thank you

Original source