Chrome и JQuery CSS не работает должным образом

Question

Я пытаюсь создать динамический элемент, применить к нему 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

Есть идеи?Спасибо!

Answer 1

Хорошо, я получил ответ на основании вашего комментария.Вам необходимо заключить весь ваш код jQuery в событие DOMReady.

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

Это гарантирует, что объектная модель документа (DOM) будет полностью готова до запуска.упомянутое в вашем комментарии не является хорошей идеей, потому что вы не знаете, что таблица стилей будет всегда загружаться за 100 мс.