Question

当我使用$(document).ready(function() {...}时，该函数在DOM准备就绪后调用，但（我认为）在CSS样式加载之前调用。

我想检索元素的宽度，但是当我尝试在ready（）事件中检索它时，返回的值与CSS值不匹配。但是，当我使用计时器在10秒后调用此函数时，它会按预期工作。

那么，有没有办法用jQuery监听CSS渲染？

谢谢

Answer 1

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

Answer 2

要完成我的第一篇文章，我使用JSF框架（Mojarra）+ PrimeFaces组件。我的所有JS都是这个：

$(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);

});

我得到416px，然后是5s，之后是522px。

我通过JSF调用JS脚本，如下所示：

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

而且......那就是全部。我不明白

在CSS渲染后调用JQuery函数

2 个答案: