使用jquery在chrome中的元素宽度

Question

在追加到body之前我需要元素宽度.

以下脚本工作正常firefox但不在google chrome

<style>
 .testDiv { width:150px; height:100px; }
</style>

<script>
    var div = "<div class='testDiv'>Div Content</div>";
    alert($(div).width());
</script>

它150在firefox和0chrome中提供输出

我也试过了

$(window).load(
   function() {
    alert($(div).width());
   }
); 

但它的工作原理相同......

更新:

我可以看到,如果我宣布css inline它有效,但我需要使用它css class

var div = "<div style='width:150px;'>Div Content </div>";
alert($(div).width());

Answer 1

这可能就是原因，如果你的 div 中有内联 css，它会正确显示你的宽度。可能 css 属性无法在 chrome 中加载

<script>
    var div = "<div style='width:150px' class='testDiv'>Div Content</div>";

$(window).load(
   function() {
    alert($(div).width());
   }
); 
</script>