javascript - 使用 jquery 在 chrome 中的元素宽度

Question

在附加到正文之前我需要元素宽度。

以下脚本在 firefox 中运行良好，但在 google chrome 中运行不正常

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

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

它在 firefox 中给出输出 150 在 chrome 中给出输出 0

我也试过

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