Webkit中的jQuery CSS值

Question

使用Webkit时，我无法读取由外部CSS护套设置的值。

$(document).ready(function() {
    var plate = $(document.createElement('div'))
            .css({'overflow': 'hidden',
                  'display': 'inline-block'})
            .attr('class', $(this).attr('class'))
            .addClass('bbFormerPlate');
    console.log(plate.css('paddingRight'));
    console.log(plate.css('paddingBottom'));
});

Chrome中的控制台未显示任何内容。 只是一个空行。 Firefox没问题。 经过测试的Safari（Windows）均无法正常运行，这使我认为这是Webkit的问题。

我试图将其添加到页面上已经放置的另一个元素中，以查看是否有任何不同。

 $(positionedElement).wrap(plate);

没变。 仍然无法在Webkit上运行，但可以在FF上运行。

样式声明：

.bbFormerPlate {
    padding: 2px 15px 2px 5px;
    font-size: 10px;
}

样式实际上应用于页面上显示的元素，但脚本无法读取该值。 我不记得我以前有过这个问题。

任何帮助，将不胜感激。

Answer 1

在您的示例中，您没有将元素插入dom中，请选中此复选框（有效）

$(document).ready(function() {
    var plate = $('<div></div>')
        .css({'overflow': 'hidden',
              'display': 'inline-block'})
        .attr('class', $(this).attr('class'))
        .addClass('bbFormerPlate');
        $('body').append(plate); // added this line

    console.log(plate.css('paddingRight'));
    console.log(plate.css('fontSize'));
});​

演示。