Call JQuery function after CSS rendering

Question

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

Can you provide a demo jsfiddle.net to show the problem? CSS should be loaded before DOM ready fires. Is there some animation occurring on the element, or those around it? — Rory McCrossan
– Rory McCrossan, Commented Oct 27, 2012 at 12:41
try $(window).load(function() { }). It fires after document ready. — Gurpreet Singh
– Gurpreet Singh, Commented Oct 27, 2012 at 12:42

Mustafa Genç · Accepted Answer · 2012-10-27 12:47:13Z

11

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

answered Oct 27, 2012 at 12:47

Mustafa Genç

2,58920 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Olivier J. · Accepted Answer · 2012-10-27 12:52:33Z

-1

To complete my first post, I use JSF framework (Mojarra) + PrimeFaces components. My all JS is this one :

$(document).ready(function() {      
    alert("parent : " + $("#j_idt14\\:panelGrid label").parent().css("width"));

    window.setInterval(function(){alert("parent : " + $("#j_idt14\\:panelGrid label").parent().css("width"));}, 5000);

});

and I get 416px followed 5s later by 522px.

I'm calling JS script via JSF like this :

<h:outputStylesheet name="styles/styles.css" />

And...that's all. I don't understand

answered Oct 27, 2012 at 12:52

Olivier J.

3,19511 gold badges51 silver badges73 bronze badges

1 Comment

Olivier J. Over a year ago

Could the problem be the JSF lifecyle...?

Collectives™ on Stack Overflow

Call JQuery function after CSS rendering

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related