Chrome和jquery css不能正常工作

Chrome and jquery css not working properly

本文关键字：工作 常工作 jquery css 不能 Chrome      更新时间：2023-09-26

我试图创建一个动态元素，从外部css文件应用一些css，并使用jQuery访问属性。它可以在Firefox上工作，但不能在Chrome上。

下面是一个例子:

CSS文件(myFile.css): 
.myClass {
    width : 200px;
    font-family : Verdana;
    font-size : 12px;
}

javascript代码在另一个文件(myFile.js):

var title = $("<p/>").attr({id: "myId"}).addClass("myClass").appendTo(content);    
var titW = title.width();
var titFSize = parseInt(title.css("fontSize"));
var titFFamily = title.css("fontFamily");
console.log(titW, titFSize, titFFamily); // Firefox returns good values, Chrome does not

任何想法?谢谢!

好的，根据你的评论我有了答案。你需要把你所有的jQuery代码都包含在一个DOMReady事件中。

jQuery(document).ready(function ($) {
    // jQuery code goes here
});

这确保了文档对象模型(DOM)在运行之前将完全准备好。

你在评论中提到的100ms延迟不是一个好主意，因为你不知道样式表总是在100ms内加载。

相关文章：